Separator

"use client";

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

export function Demo() {
  return (
    <div className="w-full max-w-sm space-y-fe-3">
      <div>
        <p className="fe-label text-foreground">Finance Equity</p>
        <p className="fe-caption text-muted-foreground">Design System</p>
      </div>
      <Separator />
      <div className="flex h-8 items-center gap-fe-3">
        <span className="fe-caption">Blog</span>
        <Separator orientation="vertical" />
        <span className="fe-caption">Docs</span>
        <Separator orientation="vertical" />
        <span className="fe-caption">Source</span>
      </div>
    </div>
  );
}