Eric Bailey
24 lines
990 B
TypeScript
24 lines
990 B
TypeScript
import {View} from 'react-native'
|
|
import Svg, {Path} from 'react-native-svg'
|
|
|
|
import {atoms as a} from '#/alf'
|
|
|
|
const size = 100
|
|
const ratio = 57 / 64
|
|
|
|
export function Splash() {
|
|
return (
|
|
<View style={[a.fixed, a.inset_0, a.align_center, a.justify_center]}>
|
|
<Svg
|
|
fill="none"
|
|
viewBox="0 0 64 57"
|
|
style={[a.relative, {width: size, height: size * ratio, top: -50}]}>
|
|
<Path
|
|
fill="#006AFF"
|
|
d="M13.873 3.805C21.21 9.332 29.103 20.537 32 26.55v15.882c0-.338-.13.044-.41.867-1.512 4.456-7.418 21.847-20.923 7.944-7.111-7.32-3.819-14.64 9.125-16.85-7.405 1.264-15.73-.825-18.014-9.015C1.12 23.022 0 8.51 0 6.55 0-3.268 8.579-.182 13.873 3.805ZM50.127 3.805C42.79 9.332 34.897 20.537 32 26.55v15.882c0-.338.13.044.41.867 1.512 4.456 7.418 21.847 20.923 7.944 7.111-7.32 3.819-14.64-9.125-16.85 7.405 1.264 15.73-.825 18.014-9.015C62.88 23.022 64 8.51 64 6.55c0-9.818-8.578-6.732-13.873-2.745Z"
|
|
/>
|
|
</Svg>
|
|
</View>
|
|
)
|
|
}
|