import type { TextInputProps } from 'react-native';
import { Text, TextInput, View } from 'react-native';

export const Textarea = ({
  label,
  ...props
}: TextInputProps & { label: string }) => (
  <View className='gap-2'>
    <Text className='text-muted-foreground text-xs font-medium'>{label}</Text>
    <TextInput
      className='border-border bg-background text-foreground min-h-28 rounded-md border px-3 py-3 align-top'
      multiline
      placeholderTextColor='#71717a'
      textAlignVertical='top'
      {...props}
    />
  </View>
);