1import { View } from "react-native";
2
3import { AppText as Text, AppTextInput as TextInput } from "./AppText";
4import type { FormFieldProps, FormSectionProps } from "./FormSection.types";
5export type { FormFieldProps, FormSectionProps } from "./FormSection.types";
6
7export function FormSection(props: FormSectionProps) {
8 return (
9 <View className="gap-2 rounded-[18px] border border-border bg-card p-4">
10 <Text className="text-2xs font-t3-bold tracking-[1px] uppercase text-foreground-secondary">
11 {props.title}
12 </Text>
13 {props.children}
14 </View>
15 );
16}
17
18export function FormField({ label: _label, ...props }: FormFieldProps) {
19 return <TextInput {...props} className="rounded-[18px]" />;
20}