export interface LabeledDividerProps {
  label: string
}

/** Thin hairline split by an uppercase mono caption (auth design). */
export function LabeledDivider({ label }: LabeledDividerProps) {
  return (
    <div className="flex w-full items-center gap-3">
      <div className="h-px flex-1 bg-border" />
      <span className="shrink-0 font-mono text-[10px] font-bold tracking-[1.1px] text-muted-foreground uppercase">
        {label}
      </span>
      <div className="h-px flex-1 bg-border" />
    </div>
  )
}