Eric Bailey
bd17f04810
* Add storybook shortcut in dev * Migrate to alg pkg * Migrate font_bold to new font_semi_bold * Migrate font_heavy to font_bold * Fix old theme refs * Remove leading util * Bump * Revert "Add storybook shortcut in dev" This reverts commit 7a86195c77fb5d449c7782e64ebabb6addfab919. * Remove alf script * Adjust font scale * Bump * Bump pkg * Migrate values from conflicts * Create default themes outside react * Use built-in alf utils * Migrate old font styles * Remove unused tokens * Move theme creation to more appropriate file * Update button colors * Adjust TextField colors, line heights
52 lines
1.2 KiB
TypeScript
52 lines
1.2 KiB
TypeScript
import {View} from 'react-native'
|
|
|
|
import {usePalette} from '#/lib/hooks/usePalette'
|
|
import {atoms as a, useBreakpoints} from '#/alf'
|
|
import * as Layout from '#/components/Layout'
|
|
import {Text} from '#/components/Typography'
|
|
import {TimesLarge_Stroke2_Corner0_Rounded} from './icons/Times'
|
|
|
|
export function SearchError({
|
|
title,
|
|
children,
|
|
}: {
|
|
title?: string
|
|
children?: React.ReactNode
|
|
}) {
|
|
const {gtMobile} = useBreakpoints()
|
|
const pal = usePalette('default')
|
|
|
|
return (
|
|
<Layout.Content>
|
|
<View
|
|
style={[
|
|
a.align_center,
|
|
a.gap_4xl,
|
|
a.px_xl,
|
|
{
|
|
paddingVertical: 150,
|
|
},
|
|
]}>
|
|
<TimesLarge_Stroke2_Corner0_Rounded width={32} fill={pal.colors.icon} />
|
|
<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>
|
|
)
|
|
}
|