Paul Coroneos
ff5ad38253
* update eslint config with jsx runtime * leverage jsx transform to remove unnecessary react imports and update eslint config * run yarn lint --fix to remove eslint disables related to react/prop-types that is now disabled
30 lines
717 B
TypeScript
30 lines
717 B
TypeScript
import {View} from 'react-native'
|
|
|
|
import {atoms as a, useTheme} from '#/alf'
|
|
import {Warning_Stroke2_Corner0_Rounded as Warning} from '#/components/icons/Warning'
|
|
import {Text} from '#/components/Typography'
|
|
|
|
export function FormError({error}: {error?: string}) {
|
|
const t = useTheme()
|
|
|
|
if (!error) return null
|
|
|
|
return (
|
|
<View
|
|
style={[
|
|
{backgroundColor: t.palette.negative_400},
|
|
a.flex_row,
|
|
a.rounded_sm,
|
|
a.p_md,
|
|
a.gap_sm,
|
|
]}>
|
|
<Warning fill={t.palette.white} size="md" />
|
|
<View style={[a.flex_1]}>
|
|
<Text style={[{color: t.palette.white}, a.font_bold, a.leading_snug]}>
|
|
{error}
|
|
</Text>
|
|
</View>
|
|
</View>
|
|
)
|
|
}
|