import {
  BottomSheet,
  BottomSheetContent,
  BottomSheetDescription,
  BottomSheetList,
  BottomSheetPanel,
  BottomSheetRow,
  BottomSheetTitle,
  BottomSheetTrigger,
} from "@/components/sora-ui/radix/bottom-sheet";

export default function Page() {
  return (
    <BottomSheet>
      <BottomSheetTrigger>Open settings</BottomSheetTrigger>
      <BottomSheetContent>
        <BottomSheetTitle>Settings</BottomSheetTitle>
        <BottomSheetDescription>Adjust sound and theme.</BottomSheetDescription>
        <BottomSheetPanel>
          <BottomSheetList>
            <BottomSheetRow label="Sound" value="On" />
            <BottomSheetRow label="Theme" value="Dark" />
          </BottomSheetList>
        </BottomSheetPanel>
      </BottomSheetContent>
    </BottomSheet>
  );
}