Separator

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

<div className="space-y-4">
  <p>Account</p>
  <Separator.Root />
  <p>Billing</p>
</div>

function SeparatorRoot() {
  return <div role="presentation" className="h-px w-full bg-slate-200" />;
}

type SeparatorCompound = typeof SeparatorRoot & { Root: typeof SeparatorRoot };
export const Separator = Object.assign(SeparatorRoot, { Root: SeparatorRoot }) as SeparatorCompound;