// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`renders the markdown syntax component 1`] = `
<div>
  <h1>
    Markdown Syntax
  </h1>
  <p
    class="font-sans-lg"
  >
    Supported Markdown is limited to bold, hyperlinks and single-level unordered lists. All other text and markdown will be rendered as plain text.
  </p>
  <h2
    class="margin-top-5"
  >
    Bold
  </h2>
  <p>
    To bold text, add two asterisks or underscores before and after a word or phrase. To bold the middle of a word for emphasis, add two asterisks without spaces around the letters.
  </p>
  <table
    class="usa-table usa-table--borderless"
    width="100%"
  >
    <thead>
      <tr>
        <th
          style="width: 50%;"
        >
          Markdown
        </th>
        <th
          style="width: 50%;"
        >
          Rendered output
        </th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>
          I love **bold** text
        </td>
        <td>
          <div
            class="Markdown undefined"
          >
            <p>
              I love 
              <strong>
                bold
              </strong>
               text
            </p>
          </div>
        </td>
      </tr>
    </tbody>
  </table>
  <h2
    class="margin-top-7"
  >
    Hyperlink
  </h2>
  <p>
    To create a link, enclose the link text in brackets (e.g., [AWS]) and then follow it immediately with the URL in parentheses (e.g., (https://aws.amazon.com)).
  </p>
  <table
    class="usa-table usa-table--borderless"
    width="100%"
  >
    <thead>
      <tr>
        <th
          style="width: 50%;"
        >
          Markdown
        </th>
        <th
          style="width: 50%;"
        >
          Rendered output
        </th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>
          I love [AWS](https://aws.amazon.com)
        </td>
        <td>
          <div
            class="Markdown undefined"
          >
            <p>
              I love 
              <a
                href="https://aws.amazon.com"
                target="_blank"
              >
                AWS
              </a>
            </p>
          </div>
        </td>
      </tr>
    </tbody>
  </table>
  <h2
    class="margin-top-7"
  >
    Unordered list
  </h2>
  <p>
    To create an unordered list, add dashes (-), asterisks (*), or plus signs (+) and space in front of line items.
  </p>
  <table
    class="usa-table usa-table--borderless"
    width="100%"
  >
    <thead>
      <tr>
        <th
          style="width: 50%;"
        >
          Markdown
        </th>
        <th
          style="width: 50%;"
        >
          Rendered output
        </th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>
          <div>
            + First item
          </div>
          <div>
            * Second item
          </div>
          <div>
            - Third item
          </div>
          <div>
            + Fourth item
          </div>
        </td>
        <td>
          <div
            class="Markdown undefined"
          >
            <ul>
              <li>
                First item
              </li>
            </ul>
            <ul>
              <li>
                Second item
              </li>
            </ul>
            <ul>
              <li>
                Third item
              </li>
            </ul>
            <ul>
              <li>
                Fourth item
              </li>
            </ul>
          </div>
        </td>
      </tr>
    </tbody>
  </table>
</div>
`;