import Dialog, {
  Dialog as ShadcnDialog,
  DialogClose,
  DialogContent,
  DialogDescription,
  DialogTitle,
  DialogTrigger,
} from "@/components/ui/dialog"
import Button, { Button as UIButton } from "@/components/ui/button"

export function Smoke() {
  return (
    <div>
      <Button focusableWhenDisabled>Primitive-style button</Button>
      <UIButton>Named button</UIButton>

      <Dialog.Root>
        <Dialog.Trigger>Primitive dialog</Dialog.Trigger>
        <Dialog.Portal>
          <Dialog.Backdrop />
          <Dialog.Popup>
            <Dialog.Title>Primitive dialog</Dialog.Title>
            <Dialog.Description>Default namespace API.</Dialog.Description>
            <Dialog.Close>Close</Dialog.Close>
          </Dialog.Popup>
        </Dialog.Portal>
      </Dialog.Root>

      <ShadcnDialog>
        <DialogTrigger>Named dialog</DialogTrigger>
        <DialogContent>
          <DialogTitle>Named dialog</DialogTitle>
          <DialogDescription>Named shadcn-style API.</DialogDescription>
          <DialogClose>Close</DialogClose>
        </DialogContent>
      </ShadcnDialog>
    </div>
  )
}
