An ATproto social media client -- with an independent Appview.
1import {View} from 'react-native'
2
3import {atoms as a, flatten, useTheme} from '#/alf'
4import {type Props, useCommonSVGProps} from '#/components/icons/common'
5import {Loader_Stroke2_Corner0_Rounded as Icon} from '#/components/icons/Loader'
6
7export function Loader(props: Props) {
8 const t = useTheme()
9 const common = useCommonSVGProps(props)
10
11 return (
12 <View
13 style={[
14 a.relative,
15 a.justify_center,
16 a.align_center,
17 {width: common.size, height: common.size},
18 ]}>
19 {/* css rotation animation - /bskyweb/templates/base.html */}
20 <div className="rotate-500ms">
21 <Icon
22 {...props}
23 style={[
24 a.absolute,
25 a.inset_0,
26 t.atoms.text_contrast_high,
27 flatten(props.style),
28 ]}
29 />
30 </div>
31 </View>
32 )
33}