1import { AndroidIcon, AppleIcon, AtSignIcon, ExpoGoLogo, iconSize, theme } from '@expo/styleguide';
2
3import { PlatformName } from '~/types/common';
4
5export type PlatformIconProps = {
6  platform?: PlatformName;
7};
8
9export const PlatformIcon = ({ platform }: PlatformIconProps) => {
10  const size = iconSize.micro;
11
12  switch (platform) {
13    case 'ios':
14      return <AppleIcon color={theme.palette.blue['900']} size={size} />;
15    case 'android':
16      return <AndroidIcon color={theme.palette.green['900']} size={size} />;
17    case 'web':
18      return <AtSignIcon color={theme.palette.orange['900']} size={size} />;
19    case 'expo':
20      return (
21        <ExpoGoLogo
22          width={iconSize.micro}
23          height={iconSize.micro}
24          color={theme.palette.purple['900']}
25          size={size}
26        />
27      );
28    default:
29      return null;
30  }
31};
32