1import { borderRadius, iconSize } from '@expo/styleguide-native';
2import { Image as RNImage } from 'react-native';
3import { create } from 'react-native-primitives';
4
5import { scale } from './theme';
6
7export const Image = create(RNImage, {
8  base: {
9    resizeMode: 'cover',
10  },
11
12  variants: {
13    size: {
14      small: {
15        height: iconSize.small,
16        width: iconSize.small,
17      },
18
19      large: {
20        height: iconSize.large,
21        width: iconSize.large,
22      },
23
24      xl: {
25        height: scale.xl,
26        width: scale.xl,
27      },
28    },
29
30    rounded: {
31      small: { borderRadius: borderRadius.small },
32      medium: { borderRadius: borderRadius.medium },
33      large: { borderRadius: borderRadius.large },
34      huge: { borderRadius: borderRadius.huge },
35      full: { borderRadius: 99999 },
36    },
37  },
38});
39