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