22 lines
453 B
TypeScript
22 lines
453 B
TypeScript
|
import type { ReactNode } from "react";
|
||
|
|
|
||
|
|
/** Título común para grupos de un diálogo, independiente de su nivel semántico. */
|
||
|
|
export function FormSectionTitle({
|
||
|
|
children,
|
||
|
|
id,
|
||
|
|
as: Heading = "h3",
|
||
|
|
}: {
|
||
|
|
children: ReactNode;
|
||
|
|
id?: string;
|
||
|
|
as?: "h3" | "h4" | "h5";
|
||
|
|
}) {
|
||
|
|
return (
|
||
|
|
<Heading
|
||
|
|
className="text-xs font-semibold uppercase tracking-wide text-muted-foreground mb-4"
|
||
|
|
id={id}
|
||
|
|
>
|
||
|
|
{children}
|
||
|
|
</Heading>
|
||
|
|
);
|
||
|
|
}
|