jollywhoppers.com
Bluesky app fork with some witchin' additions 馃挮
witchsky.app
bluesky
fork
client
1import {View} from 'react-native'
2
3import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
4import {atoms as a, useTheme} from '#/alf'
5import {Play_Filled_Corner0_Rounded as PlayIcon} from '#/components/icons/Play'
6
7export function PlayButtonIcon({size = 32}: {size?: number}) {
8 const t = useTheme()
9 const bg = t.name === 'light' ? t.palette.contrast_25 : t.palette.contrast_975
10 const fg = t.name === 'light' ? t.palette.contrast_975 : t.palette.contrast_25
11
12 const enableSquareButtons = useEnableSquareButtons()
13
14 return (
15 <>
16 <View
17 style={[
18 enableSquareButtons ? a.rounded_sm : a.rounded_full,
19 {
20 backgroundColor: bg,
21 shadowColor: 'black',
22 shadowRadius: 32,
23 shadowOpacity: 0.5,
24 elevation: 24,
25 width: size + size / 1.5,
26 height: size + size / 1.5,
27 opacity: 0.7,
28 },
29 ]}
30 />
31 <PlayIcon width={size} fill={fg} style={a.absolute} />
32 </>
33 )
34}