import * as React from "react"; import { cn } from "@/registry/berlin/lib/utils"; type SharedTextProps = React.HTMLAttributes & { h1?: boolean; h2?: boolean; h3?: boolean; h4?: boolean; h5?: boolean; h6?: boolean; p?: boolean; span?: boolean; loading?: boolean; align?: React.CSSProperties["textAlign"]; weight?: React.CSSProperties["fontWeight"]; }; function LoadingLine() { return ; } export function Text({ h1 = false, h2 = false, h3 = false, h4 = false, h5 = false, h6 = false, p = false, span = false, className, style, loading = false, weight, align, children, ...props }: SharedTextProps) { const shared = cn( "m-0 font-sans text-base font-normal leading-6 tracking-[-0.16px] text-foreground", h1 && "text-[2rem] font-semibold leading-10 tracking-[-0.04em]", h2 && "text-2xl font-semibold leading-8 tracking-[-0.03em]", h3 && "text-xl font-medium leading-7 tracking-[-0.02em]", h4 && "text-base font-semibold leading-6", h5 && "text-sm font-semibold leading-5", h6 && "text-xs font-semibold leading-4 uppercase tracking-[0.12em] text-muted-foreground", p && "text-base font-normal leading-6", span && "inline text-base font-normal leading-6", className ); const content = loading ? : children; const combinedStyle = { fontWeight: weight, textAlign: align, ...style }; if (h1) return

)}>{content}

; if (h2) return

)}>{content}

; if (h3) return

)}>{content}

; if (h4) return

)}>{content}

; if (h5) return

)}>{content}

; if (h6) return

)}>{content}

; if (p) return

)}>{content}

; if (span) return )}>{content}; return

{content}

; }

Text

Installation

Component

Heading level 2

Heading level 4