input: |
  > [!important]
  > Foo

  > [!TIP]
  > Foo

  > [!NoTe]
  > Foo
output: |-
  <div class="admonition important">
    <p class="admonition-title">
      Important
    </p>
    <p>
      Foo
    </p>
  </div>
  <div class="admonition tip">
    <p class="admonition-title">
      Tip
    </p>
    <p>
      Foo
    </p>
  </div>
  <div class="admonition note">
    <p class="admonition-title">
      Note
    </p>
    <p>
      Foo
    </p>
  </div>
