forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 馃挮
1import {type StyleProp, View, type ViewStyle} from 'react-native'
2
3import {atoms as a, useBreakpoints, useGutters} from '#/alf'
4import {Text} from '#/components/Typography'
5
6export function FormContainer({
7 testID,
8 titleText,
9 children,
10 style,
11}: {
12 testID?: string
13 titleText?: React.ReactNode
14 children: React.ReactNode
15 style?: StyleProp<ViewStyle>
16}) {
17 const {gtMobile} = useBreakpoints()
18 const gutter = useGutters([0, 'wide'])
19
20 return (
21 <View
22 testID={testID}
23 style={[a.gap_md, a.flex_1, !gtMobile && gutter, style]}>
24 {titleText && !gtMobile && (
25 <Text style={[a.text_3xl, a.font_bold]}>{titleText}</Text>
26 )}
27 {children}
28 </View>
29 )
30}