1import { ExpoGoLogo } from '@expo/styleguide';
2import { AndroidIcon, AppleIcon, AtSignIcon } from '@expo/styleguide-icons';
3
4import { PlatformName } from '~/types/common';
5
6export type PlatformIconProps = {
7  platform?: PlatformName;
8};
9
10export const PlatformIcon = ({ platform }: PlatformIconProps) => {
11  switch (platform) {
12    case 'ios':
13      return <AppleIcon className="icon-xs text-palette-blue12" />;
14    case 'android':
15      return <AndroidIcon className="icon-xs text-palette-green12" />;
16    case 'web':
17      return <AtSignIcon className="icon-xs text-palette-orange12" />;
18    case 'expo':
19      return <ExpoGoLogo className="icon-xs text-palette-purple12" />;
20    default:
21      return null;
22  }
23};
24