Bottom sheet

import * as React from "react";
import { Button } from "@/components/ui/button";
import { Copy, Star, Zap } from "@/components/ui/icons";
import { Sheet } from "@/components/ui/sheet";

export default function Example() {
  const [open, setOpen] = React.useState(false);
  return (
    <>
      <Button variant="outline" onClick={() => setOpen(true)}>More actions</Button>
      <Sheet
        open={open}
        onClose={() => setOpen(false)}
        title="Order #1042"
        actions={[
          { label: "Copy order number", icon: <Copy /> },
          { label: "Save for later", icon: <Star /> },
          { label: "Cancel order", icon: <Zap />, destructive: true },
        ]}
      />
    </>
  );
}