dan
32 lines
860 B
TypeScript
32 lines
860 B
TypeScript
import {View} from 'react-native'
|
|
|
|
import {atoms as a, useTheme} from '#/alf'
|
|
import {Play_Filled_Corner0_Rounded as PlayIcon} from '#/components/icons/Play'
|
|
|
|
export function PlayButtonIcon({size = 32}: {size?: number}) {
|
|
const t = useTheme()
|
|
const bg = t.name === 'light' ? t.palette.contrast_25 : t.palette.contrast_975
|
|
const fg = t.name === 'light' ? t.palette.contrast_975 : t.palette.contrast_25
|
|
|
|
return (
|
|
<>
|
|
<View
|
|
style={[
|
|
a.rounded_full,
|
|
{
|
|
backgroundColor: bg,
|
|
shadowColor: 'black',
|
|
shadowRadius: 32,
|
|
shadowOpacity: 0.5,
|
|
elevation: 24,
|
|
width: size + size / 1.5,
|
|
height: size + size / 1.5,
|
|
opacity: 0.7,
|
|
},
|
|
]}
|
|
/>
|
|
<PlayIcon width={size} fill={fg} style={a.absolute} />
|
|
</>
|
|
)
|
|
}
|