Alert Dialog

import { AlertDialog, Button } from "@shavin/ui";

{/* 1. Default alert */}
<AlertDialog
  open={defaultOpen}
  onOpenChange={setDefaultOpen}
  title="Sign out?"
  description="You'll need to sign in again to access your account."
  confirmLabel="Sign out"
  onConfirm={() => setDefaultOpen(false)}
/>

{/* 2. Destructive alert */}
<AlertDialog
  open={destructiveOpen}
  onOpenChange={setDestructiveOpen}
  title="Delete permanently?"
  description="This item will be deleted forever."
  intent="danger"
  confirmLabel="Delete"
  onConfirm={() => setDestructiveOpen(false)}
/>

<AlertDialog
  open={open}
  onOpenChange={setOpen}
  layout="centered"
  intent="danger"
  icon={<Bell className="h-6 w-6" />}
  title="Subscription Expiring Soon"
  badgeText="Expires in 2 days"
  description="Your current plan will expire in 2 days. Update your payment method now to ensure uninterrupted access to your Pro features."
  confirmLabel="Update Payment"
  cancelLabel="Remind Me Later"
  onConfirm={() => setOpen(false)}
/>

<AlertDialog
  open={open}
  onOpenChange={setOpen}
  layout="centered"
  intent="info"
  icon={<ShieldAlert className="h-6 w-6" />}
  title="System Update Available!"
  badgeText="Release v28.1.0 (2026-01-12)"
  description="A new version of the application is ready. Restarting now will apply the latest security patches and features."
  confirmLabel="Update Now"
  cancelLabel="Remind Me Later"
  onConfirm={() => setOpen(false)}
/>