[component] Create Dialog

[theoribbi]

Summary

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

Requirements

• Use Modal, View, and Text from react-native as base components.
• Support the following features:
  • Controlled open/close state via props.
  • Header with title and description.
  • Footer with customizable actions (e.g., confirm and cancel buttons).
  • Optional icon rendering.
  • Overlay with customizable opacity.
  • Animation for opening and closing the dialog.
• 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 dialog.tsx file under /registry/dialog.
• Follow the structure and naming conventions similar to shadcn/ui Dialog.

References

• shadcn/ui Dialog Documentation
• react-native-dialog Documentation
• nativewind Documentation

Notes

Focus on keeping the Dialog simple, accessible, and easily customizable.
The goal is to make it easy to clone and adapt when building apps.

---