Something went wrong. Try again.
Bluesky app fork with some witchin' additions 💫
Something went wrong. Try again.
1.2 kB · 50 lines
TSX
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051import {View} from 'react-native'
import {atoms as a, useBreakpoints, useTheme} from '#/alf'import {TimesLarge_Stroke2_Corner0_Rounded as XIcon} from '#/components/icons/Times'import * as Layout from '#/components/Layout'import {Text} from '#/components/Typography'
export function SearchError({ title, children,}: { title?: string children?: React.ReactNode}) { const {gtMobile} = useBreakpoints() const t = useTheme()
return ( <Layout.Content> <View style={[ a.align_center, a.gap_4xl, a.px_xl, { paddingVertical: 150, }, ]}> <XIcon width={32} style={[t.atoms.text_contrast_low]} /> <View style={[ a.align_center, {maxWidth: gtMobile ? 394 : 294}, gtMobile ? a.gap_md : a.gap_sm, ]}> <Text style={[ a.font_semi_bold, a.text_lg, a.text_center, a.leading_snug, ]}> {title} </Text> {children} </View> </View> </Layout.Content> )}