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>
  )
}