Bluesky app fork with some witchin' additions 馃挮
witchsky.app
bluesky
fork
client
1import {View} from 'react-native'
2
3import {atoms as a, useBreakpoints, useTheme} from '#/alf'
4import {TimesLarge_Stroke2_Corner0_Rounded as XIcon} from '#/components/icons/Times'
5import * as Layout from '#/components/Layout'
6import {Text} from '#/components/Typography'
7
8export function SearchError({
9 title,
10 children,
11}: {
12 title?: string
13 children?: React.ReactNode
14}) {
15 const {gtMobile} = useBreakpoints()
16 const t = useTheme()
17
18 return (
19 <Layout.Content>
20 <View
21 style={[
22 a.align_center,
23 a.gap_4xl,
24 a.px_xl,
25 {
26 paddingVertical: 150,
27 },
28 ]}>
29 <XIcon width={32} style={[t.atoms.text_contrast_low]} />
30 <View
31 style={[
32 a.align_center,
33 {maxWidth: gtMobile ? 394 : 294},
34 gtMobile ? a.gap_md : a.gap_sm,
35 ]}>
36 <Text
37 style={[
38 a.font_semi_bold,
39 a.text_lg,
40 a.text_center,
41 a.leading_snug,
42 ]}>
43 {title}
44 </Text>
45 {children}
46 </View>
47 </View>
48 </Layout.Content>
49 )
50}