Modal

"use client";

import { useState } from "react";
import { CruiseButton } from "@/components/cruise/button";
import { CruiseModal } from "@/components/cruise/modal";

export default function ModalExample() {
  const [open, setOpen] = useState(false);
  return (
    <CruiseModal
      open={open}
      onOpenChange={setOpen}
      title="Cancel this order?"
      trigger={<CruiseButton variant="secondary">Cancel order</CruiseButton>}
      footer={
        <>
          <CruiseButton variant="secondary" onClick={() => setOpen(false)}>
            Keep order
          </CruiseButton>
          <CruiseButton variant="danger" onClick={() => setOpen(false)}>
            Cancel order
          </CruiseButton>
        </>
      }
    >
      Your rider hasn&apos;t left yet, so you won&apos;t be charged.
    </CruiseModal>
  );
}