<div>
    <x-typography.h1>
        Here is Edward Bear,
    </x-typography.h1>
    <x-typography.p>
        coming downstairs now, bump, bump, bump. It is, as far as he knows, the only way of coming downstairs, but
        sometimes he feels that there really is another way, if only he could stop bumping for a moment and think of it.
    </x-typography.p>
    <x-typography.lead class="mt-8">
        Behind him was nothing but the ocean, and on the other side of the boat was a green, green forest.
    </x-typography.lead>
    <x-typography.h2 class="mt-10">
        "I wonder what Piglet is doing," thought Pooh.
    </x-typography.h2>
    <x-typography.p>
        Pooh always liked a little something at eleven o'clock in the morning, and he was very glad to see Rabbit
        getting out the plates and mugs.
        <x-link href="#">
            "It isn't much good having anything exciting, if you can't share it with somebody."
        </x-link>
    </x-typography.p>
    <x-typography.blockquote>
        "You can't stay in your corner of the forest waiting for others to come to you. You have to go to them
        sometimes."
    </x-typography.blockquote>
    <x-typography.h3 class="mt-8">
        Some people talk to animals. Not many listen though.
    </x-typography.h3>
    <x-typography.p>
        When you are a bear of very little brain, and you think of things, you find sometimes that a thing which seemed
        very thingish inside you is quite different when it gets out into the open and has other people looking at it.
    </x-typography.p>
    <x-typography.list>
        <li>A bear, however hard he tries, grows tubby without exercise.</li>
        <li>Rivers know this: there is no hurry. We shall get there some day.</li>
        <li>It's more fun to talk with someone who doesn't use long, difficult words but rather short, easy words like,
            "What about lunch?"</li>
    </x-typography.list>
    <x-typography.p>
        And by and by Christopher Robin came to an end of things, and was silent, and he sat there looking out over
        the world, just wishing it wouldn't stop.
    </x-typography.p>
    <x-typography.h3 class="mt-8">
        So they went off together.
    </x-typography.h3>
    <x-typography.p>
        Piglet noticed that even though he had a very small heart, it could hold a rather large amount of gratitude.
    </x-typography.p>
    <x-typography.p>
        "What I like best," said Christopher Robin, "is just
        <x-typography.inline-code>doingNothing()</x-typography.inline-code>."
    </x-typography.p>
    <x-typography.h4 class="mt-6">
        Sometimes the smallest things take up the most room in your heart.
    </x-typography.h4>
    <x-typography.p>
        We didn't realize we were making memories, we just knew we were having fun.
    </x-typography.p>
    <x-typography.list>
        <li>A bear, however hard he tries, grows tubby without exercise.</li>
        <li>Rivers know this: there is no hurry. We shall get there some day.</li>
        <li>It's more fun to talk with someone who doesn't use long, difficult words but rather short, easy words like,
            "What about lunch?"</li>
    </x-typography.list>
    <x-typography.muted>
        “If there ever comes a day when we can’t be together, keep me in your heart. I’ll stay there forever.”
    </x-typography.muted>
    <x-typography.p>
        But, of course, it isn’t really good-bye, because the forest will always be there...and anybody who is
        friendly with bears can find it.
    </x-typography.p>
</div>

<x-typography.h1>
    Taxing Laughter: The Joke Tax Chronicles
</x-typography.h1>

<x-typography.h2>
    The People of the Kingdom
</x-typography.h2>

<x-typography.h3>
    The Joke Tax
</x-typography.h3>

<x-typography.h4>
    People stopped telling jokes
</x-typography.h4>

<x-typography.p>
    The king, seeing how much happier his subjects were, realized the error of his ways and repealed the joke tax.
</x-typography.p>

<x-typography.blockquote>
    "After all," he said, "everyone enjoys a good joke, so it's only fair that they should pay for the privilege."
</x-typography.blockquote>

<x-typography.list>
    <li>1st level of puns: 5 gold coins</li>
    <li>2nd level of jokes: 10 gold coins</li>
    <li>3rd level of one-liners : 20 gold coins</li>
</x-typography.list>

<x-typography.inline-code>
    @radix-ui/react-alert-dialog
</x-typography.inline-code>

<x-typography.lead>
    A modal dialog that interrupts the user with important content and expects a response.
</x-typography.lead>

<x-typography.large>
    Are you absolutely sure?
</x-typography.large>

<x-typography.muted>
    Enter your email address.
</x-typography.muted>