import type * as React from "react"; import { cn } from "@/lib/registry/cn"; function TypographyH1({ className, ...props }: React.ComponentProps<"h1">) { return (

); } function TypographyH2({ className, ...props }: React.ComponentProps<"h2">) { return (

); } function TypographyH3({ className, ...props }: React.ComponentProps<"h3">) { return (

); } function TypographyH4({ className, ...props }: React.ComponentProps<"h4">) { return (

); } function TypographyP({ className, ...props }: React.ComponentProps<"p">) { return (
); } function TypographyBlockquote({ className, ...props }: React.ComponentProps<"blockquote">) { return (
); } function TypographyList({ className, ...props }: React.ComponentProps<"ul">) { return (
li]:wrap-break-word my-6 ms-6 min-w-0 max-w-full list-disc pe-4 [&>li]:mt-2", className, )} {...props} /> ); } function TypographyInlineCode({ className, ...props }: React.ComponentProps<"code">) { return ( ); } function TypographyLead({ className, ...props }: React.ComponentProps<"p">) { return ( ); } function TypographyLarge({ className, ...props }: React.ComponentProps<"div">) { return ( ); } function TypographySmall({ className, ...props }: React.ComponentProps<"small">) { return ( ); } function TypographyMuted({ className, ...props }: React.ComponentProps<"p">) { return ( ); } function TypographyDisplay({ className, ...props }: React.ComponentProps<"div">) { return ( ); } export { TypographyBlockquote, TypographyDisplay, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyInlineCode, TypographyLarge, TypographyLead, TypographyList, TypographyMuted, TypographyP, TypographySmall, };

Typography

Showcase

Typography