[component] Create Tabs

[theoribbi]

Summary

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

Requirements

• Use react-native-tab-view as the base component for tab navigation.
• Support the following features:
  • Horizontal tab bar with customizable tab labels.
  • Swipeable tab content areas.
  • Controlled and uncontrolled tab selection.
  • Lazy loading of tab content.
  • Customizable tab indicator and styling.
• 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 tabs.tsx file under /registry/tabs.
• Follow the structure and naming conventions similar to shadcn/ui Tabs.

References

• shadcn/ui Tabs Documentation
• React Native Tab View Documentation
• nativewind Documentation

Notes

Focus on creating a responsive and accessible Tabs component that can be easily customized and integrated into various parts of the application. Consider potential use cases like navigating between different sections or views within the app.

---