import { Divider } from "@/components/ui/divider"

export function DividerDemo() {
  return (
    <div className="grid gap-6">
      <div className="grid gap-4">
        <Divider />
        <Divider type="dotted" />
      </div>

      <div className="flex h-[var(--bh-space-15xl-224)] items-start gap-6">
        <Divider direction="vertical" type="dotted" />
        <Divider direction="vertical" />
      </div>
    </div>
  )
}
