Bluesky app fork with some witchin' additions 馃挮
witchsky.app
bluesky
fork
client
1import {View} from 'react-native'
2
3import {atoms as a, useTheme} from '#/alf'
4import {Warning_Stroke2_Corner0_Rounded as Warning} from '#/components/icons/Warning'
5import {Text} from '#/components/Typography'
6
7export function FormError({error}: {error?: string}) {
8 const t = useTheme()
9
10 if (!error) return null
11
12 return (
13 <View
14 style={[
15 {backgroundColor: t.palette.negative_400},
16 a.flex_row,
17 a.rounded_sm,
18 a.p_md,
19 a.gap_sm,
20 ]}>
21 <Warning fill={t.palette.white} size="md" />
22 <View style={[a.flex_1]}>
23 <Text
24 style={[{color: t.palette.white}, a.font_semi_bold, a.leading_snug]}>
25 {error}
26 </Text>
27 </View>
28 </View>
29 )
30}