Separator

"use client"

import { Separator } from "@/components/ui/separator"

export default function SeparatorDemo() {
  return (
    <div className="w-64">
      <div className="text-mac-body font-semibold">CupertinoUI</div>
      <p className="text-mac-subheadline text-mac-label-secondary">macOS components for shadcn/ui.</p>
      <Separator className="my-3" />
      <div className="flex h-4 items-center gap-3 text-mac-body">
        <span>Docs</span>
        <Separator orientation="vertical" />
        <span>Blocks</span>
        <Separator orientation="vertical" />
        <span>Themes</span>
      </div>
    </div>
  )
}