BTE
Componente

Alert Dialog

Confirmação destrutiva. Ação em saibro, cancelar em contorno (Radix Alert Dialog).

tsx
import {
  AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader,
  AlertDialogTitle, AlertDialogDescription, AlertDialogFooter,
  AlertDialogCancel, AlertDialogAction,
} from "@bte/ui/alert-dialog";

<AlertDialog>
  <AlertDialogTrigger asChild><Button variant="clay">Cancelar vaga</Button></AlertDialogTrigger>
  <AlertDialogContent>
    <AlertDialogHeader>
      <AlertDialogTitle>Cancelar sua vaga?</AlertDialogTitle>
      <AlertDialogDescription>Esta ação não pode ser desfeita.</AlertDialogDescription>
    </AlertDialogHeader>
    <AlertDialogFooter>
      <AlertDialogCancel>Voltar</AlertDialogCancel>
      <AlertDialogAction>Cancelar vaga</AlertDialogAction>
    </AlertDialogFooter>
  </AlertDialogContent>
</AlertDialog>