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 text-base font-normal leading-6 tracking-[-0.16px]", 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", span && "inline", 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}

); }

Installation

About

Usage

Dependencies

Source