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

export function Example() {
  return (
    <DialogTrigger>
      <Button>Start something new</Button>
      <Dialog showCloseButton={false}>
        <DialogHeader>
          <DialogTitle>A fresh start.</DialogTitle>
          <DialogDescription>Your next chapter begins here.</DialogDescription>
        </DialogHeader>
        <DialogBody><p>Build from the foundations you know.</p></DialogBody>
        <DialogFooter><DialogClose>Got it</DialogClose></DialogFooter>
      </Dialog>
    </DialogTrigger>
  );
}