this repo has no description
1import {View} from 'react-native'
2
3import {
4 atoms as a,
5 type TextStyleProp,
6 useTheme,
7 type ViewStyleProp,
8} from '#/alf'
9import {type Props} from '#/components/icons/common'
10import {type Growth_Stroke2_Corner0_Rounded as Growth} from '#/components/icons/Growth'
11
12export function IconCircle({
13 icon: Icon,
14 size = 'xl',
15 style,
16 iconStyle,
17}: ViewStyleProp & {
18 icon: typeof Growth
19 size?: Props['size']
20 iconStyle?: TextStyleProp['style']
21}) {
22 const t = useTheme()
23
24 return (
25 <View
26 style={[
27 a.justify_center,
28 a.align_center,
29 a.rounded_full,
30 {
31 width: size === 'lg' ? 52 : 64,
32 height: size === 'lg' ? 52 : 64,
33 backgroundColor: t.palette.primary_50,
34 },
35 style,
36 ]}>
37 <Icon size={size} style={[{color: t.palette.primary_500}, iconStyle]} />
38 </View>
39 )
40}