lenooby09.tech
fork
Configure Feed
Select the types of activity you want to include in your feed.
mirror of https://git.lenooby09.tech/LeNooby09/social-app.git
fork
Configure Feed
Select the types of activity you want to include in your feed.
hailey.at
1import React from 'react'
2import {View} from 'react-native'
3
4import {
5 useTheme,
6 atoms as a,
7 ViewStyleProp,
8 TextStyleProp,
9 flatten,
10} from '#/alf'
11import {Growth_Stroke2_Corner0_Rounded as Growth} from '#/components/icons/Growth'
12import {Props} from '#/components/icons/common'
13
14export function IconCircle({
15 icon: Icon,
16 size = 'xl',
17 style,
18 iconStyle,
19}: ViewStyleProp & {
20 icon: typeof Growth
21 size?: Props['size']
22 iconStyle?: TextStyleProp['style']
23}) {
24 const t = useTheme()
25
26 return (
27 <View
28 style={[
29 a.justify_center,
30 a.align_center,
31 a.rounded_full,
32 {
33 width: size === 'lg' ? 52 : 64,
34 height: size === 'lg' ? 52 : 64,
35 backgroundColor:
36 t.name === 'light' ? t.palette.primary_50 : t.palette.primary_950,
37 },
38 flatten(style),
39 ]}>
40 <Icon
41 size={size}
42 style={[
43 {
44 color: t.palette.primary_500,
45 },
46 flatten(iconStyle),
47 ]}
48 />
49 </View>
50 )
51}