DIALOG

npx shadcn@latest add @scificn/dialog

import {
  Dialog, DialogTrigger, DialogContent,
  DialogHeader, DialogTitle, DialogDescription,
  DialogBody, DialogFooter,
} from '@/ui/dialog'
import { Button } from '@/ui/button'

export function Example() {
  return (
    <Dialog>
      <DialogTrigger asChild>
        <Button variant="EXEC">INITIATE SEQUENCE</Button>
      </DialogTrigger>
      <DialogContent>
        <DialogHeader>
          <DialogTitle>SEQUENCE CONFIRMATION</DialogTitle>
        </DialogHeader>
        <DialogBody>
          <DialogDescription>
            Warning: this action cannot be undone. All systems will
            be locked until the sequence completes.
          </DialogDescription>
        </DialogBody>
        <DialogFooter>
          <Button variant="ABORT" size="SM">ABORT</Button>
          <Button variant="EXEC" size="SM">EXECUTE</Button>
        </DialogFooter>
      </DialogContent>
    </Dialog>
  )
}