<div class="flex flex-col gap-6 p-8 max-w-2xl">
  <div data-controller="midwest-prose" class="midwest-prose prose midwest-markdown">
    <h1>
      <a href="#gfm-extensions" aria-hidden="true" class="anchor" id="gfm-extensions"></a>GFM Extensions</h1>
    <h2>
      <a href="#tables" aria-hidden="true" class="anchor" id="tables"></a>Tables</h2>
    <table>
      <thead>
        <tr>
          <th>Feature</th>
          <th>Status</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>Tables</td>
          <td>Yes</td>
        </tr>
        <tr>
          <td>Strikethrough</td>
          <td>Yes</td>
        </tr>
        <tr>
          <td>Autolinks</td>
          <td>Yes</td>
        </tr>
        <tr>
          <td>Task lists</td>
          <td>Yes</td>
        </tr>
      </tbody>
    </table>
    <h2>
      <a href="#strikethrough" aria-hidden="true" class="anchor" id="strikethrough"></a>Strikethrough</h2>
    <p>This is <del>deleted text</del> with strikethrough.</p>
    <h2>
      <a href="#autolinks" aria-hidden="true" class="anchor" id="autolinks"></a>Autolinks</h2>
    <p>Visit <a href="https://example.com">https://example.com</a> automatically linked.</p>
    <h2>
      <a href="#task-lists" aria-hidden="true" class="anchor" id="task-lists"></a>Task Lists</h2>
    <ul>
      <li>
        <input type="checkbox" checked disabled> Add Commonmarker dependency</li>
      <li>
        <input type="checkbox" checked disabled> Create MarkdownComponent</li>
      <li>
        <input type="checkbox" disabled> Write documentation</li>
      <li>
        <input type="checkbox" disabled> Ship it</li>
    </ul>
  </div>
</div>