import type { ServiceType } from '@theorchard/songwhip-lookup';

import FacebookIcon from '~/src/components/Icon/FacebookIcon';
import GoogleIconWrapper from '~/src/components/Icon/GoogleIcon';
import InstagramIcon from '~/src/components/Icon/InstagramIcon';
import LinkIcon from '~/src/components/Icon/LinkIcon';
import SongwhipIcon from '~/src/components/Icon/SongwhipIcon';
import TikTokIcon from '~/src/components/Icon/TikTokIcon';
import TwitterIcon from '~/src/components/Icon/TwitterIcon';
import YouTubeIcon from '~/src/components/Icon/YouTubeIcon';
import YouTubeMusicIconWrapper from '~/src/components/Icon/YouTubeMusicIcon';

export const ServiceIcon = ({
  service,
}: {
  service: ServiceType | undefined;
}) => {
  switch (service) {
    case 'youtube':
      return <YouTubeIcon size={24} />;
    case 'youtubeMusic':
      return <YouTubeMusicIconWrapper size={24} />;
    case 'facebook':
      return <FacebookIcon size={24} />;
    case 'instagram':
      return <InstagramIcon size={24} />;
    case 'twitter':
      return <TwitterIcon size={24} />;
    case 'tiktok':
      return <TikTokIcon size={24} />;
    case 'google':
      return <GoogleIconWrapper size={24} />;
    case 'songwhip':
      return <SongwhipIcon size={24} />;
    default:
      return <LinkIcon size={24} />;
  }
};