25 lines
587 B
TypeScript
25 lines
587 B
TypeScript
import React from "react";
|
|
|
|
export function TypographyH1({children}: { children: React.ReactNode}) {
|
|
return (
|
|
<h1 className="scroll-m-20 text-4xl font-extrabold tracking-tight text-balance">
|
|
{children}
|
|
</h1>
|
|
)
|
|
}
|
|
|
|
export function TypographyH3({children}: { children: React.ReactNode}) {
|
|
return (
|
|
<h3 className="scroll-m-20 text-2xl font-semibold tracking-tight">
|
|
{children}
|
|
</h3>
|
|
)
|
|
}
|
|
|
|
export function TypographyLead({children}: { children: React.ReactNode}) {
|
|
return (
|
|
<p className="text-xl text-muted-foreground">
|
|
{children}
|
|
</p>
|
|
)
|
|
} |