25 lines
601 B
TypeScript
25 lines
601 B
TypeScript
import { cn } from "@/lib/cn";
|
|
|
|
interface LabelProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
prefix?: string;
|
|
}
|
|
|
|
/**
|
|
* Mini-label éditorial : mono, uppercase, 11px, tracking-label, muted.
|
|
* Ex: <Label prefix="[ 01 ]">À PROPOS</Label>
|
|
*/
|
|
export function Label({ prefix, className, children, ...props }: LabelProps) {
|
|
return (
|
|
<span
|
|
className={cn(
|
|
"font-mono text-[11px] uppercase tracking-label text-muted",
|
|
className,
|
|
)}
|
|
{...props}
|
|
>
|
|
{prefix ? <span className="mr-2 text-ink">{prefix}</span> : null}
|
|
{children}
|
|
</span>
|
|
);
|
|
}
|