src/components/shared/git-provider-icon.tsx

import { FaBitbucket, FaGithub, FaGitlab } from "react-icons/fa6";
import { Provider } from "#/types/settings";
import AzureDevOpsLogo from "#/assets/branding/azure-devops-logo.svg?react";
import { cn } from "#/utils/utils";

interface GitProviderIconProps {
  gitProvider: Provider;
  className?: string;
}

export function GitProviderIcon({
  gitProvider,
  className,
}: GitProviderIconProps) {
  return (
    <>
      {gitProvider === "github" && <FaGithub size={14} className={className} />}
      {gitProvider === "gitlab" && <FaGitlab size={14} className={className} />}
      {gitProvider === "bitbucket" && (
        <FaBitbucket size={14} className={className} />
      )}
      {gitProvider === "bitbucket_data_center" && (
        <FaBitbucket size={14} className={className} />
      )}
      {gitProvider === "azure_devops" && (
        <AzureDevOpsLogo className={cn(className, "w-[14px] h-[14px]")} />
      )}
    </>
  );
}