Dialog

"use client"

import {
  Dialog,
  DialogBody,
  DialogClose,
  DialogFooter,
  DialogHeader,
  DialogTrigger,
} from "@/components/ui/preskok-ui/dialog"

export function DialogPreskokDemo() {
  return (
    <Dialog>
      <DialogTrigger
        className={"bg-primary text-primary-foreground rounded-md px-3 py-1.5"}
      >
        Open dialog
      </DialogTrigger>
      <DialogHeader title="Dialog title" description="Optional description" />
      <DialogBody>Content inside the dialog.</DialogBody>
      <DialogFooter>
        <DialogClose>Close</DialogClose>
      </DialogFooter>
    </Dialog>
  )
}