import { Content } from "@/components/content"; import { Body, Heading1, Heading2, Heading3 } from "@/components/typography"; export function Basic() { return ( Main Heading This is a paragraph with proper spacing applied by the Content wrapper. The Content component automatically applies consistent margins to headings, paragraphs, and other content elements. Section Heading Another paragraph that demonstrates the spacing between elements. The Content wrapper ensures consistent vertical rhythm throughout your content. Subsection Content spacing is automatically handled for all child elements. ); }