Separator

"use client";

import { Separator } from "@dashboardpack/core/components/ui/separator";

export default function SeparatorExample() {
  return (
    <div className="w-full max-w-sm space-y-4">
      <div>
        <p className="font-medium">Workspace settings</p>
        <p className="text-sm text-muted-foreground">
          Manage your team and preferences.
        </p>
      </div>
      <Separator />
      <div className="flex h-5 items-center gap-4 text-sm">
        <span>Profile</span>
        <Separator orientation="vertical" />
        <span>Billing</span>
        <Separator orientation="vertical" />
        <span>Security</span>
      </div>
    </div>
  );
}