// Simple JSX content with prose styling
<Markdown>
  <h1>Title</h1>
  <p>This is styled paragraph text.</p>
  <ul>
    <li>List item 1</li>
    <li>List item 2</li>
  </ul>
</Markdown>

// With react-markdown for parsing raw markdown
import ReactMarkdown from 'react-markdown';

<Markdown>
  <ReactMarkdown>{markdownString}</ReactMarkdown>
</Markdown>

// Compact variant
<Markdown compact>
  <h2>Section</h2>
  <p>Tighter spacing for documentation.</p>
</Markdown>