Bottom sheets

"use client";

import { useState } from "react";
import { BottomSheet } from "@/components/motion/bottom-sheet";

export default function Example() {
  const [open, setOpen] = useState(false);

  return (
    <>
      <BottomSheet open={open} onOpenChange={setOpen} snapPoints={[0.45, 0.8]} title="Setup guide"><p>Follow these steps.</p></BottomSheet>
    </>
  );
}