Dialog Modal

npm install react-native-reanimated expo-blur

// Platform specific imports
import Dialog from '@/components/common/modal/dialog';
// or
import Dialog from '@/components/common/modal/dialog/index.ios';

// iOS Example
function iOSExample() {
  const [visible, setVisible] = useState(false);
  
  return (
    <Dialog
      visible={visible}
      setVisible={setVisible}
      title="iOS Dialog"
      description="This is an iOS specific dialog"
      bgColor="#FFFFFF"
      rightButton="Confirm"
      onConfirm={() => console.log('Confirmed')}
    >
      <Button onPress={() => setVisible(true)}>
        Show Dialog
      </Button>
    </Dialog>
  );
}

// Android Example
function AndroidExample() {
  const [visible, setVisible] = useState(false);
  
  return (
    <Dialog
      visible={visible}
      setVisible={setVisible}
      title="Android Dialog"
      description="This is an Android specific dialog"
      bgColor="#FFFFFF"
      rightButton="OK"
      onConfirm={() => console.log('Confirmed')}
    >
      <Button onPress={() => setVisible(true)}>
        Show Dialog
      </Button>
    </Dialog>
  );
}