[component] Create Textarea

[theoribbi]

Summary

Implement the Textarea component for NativeUI, inspired by the shadcn/ui Textarea.

Requirements

• Use TextInput from react-native as the base component with multiline={true}.
• Support the following features:
  • Placeholder text.
  • Disabled state.
  • Optional left and right icons.
  • Error state with visual feedback.
  • Adjustable height based on content.
  • Support for different input types (e.g., email, password, number).
• Style the component using nativewind utility classes.
• Allow passing a className prop to customize or extend the default styles.
• Ensure type safety with TypeScript.

Deliverables

• Create a textarea.tsx file under /registry/textarea.
• Follow the structure and naming conventions similar to shadcn/ui Textarea.

References

• shadcn/ui Textarea Documentation
• React Native TextInput Documentation
• nativewind Documentation

Notes

Focus on creating a responsive and accessible Textarea component that can be easily customized and integrated into various parts of the application. Consider potential use cases like user comments, feedback forms, or message inputs.

---