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

exports[`renders a info alert 1`] = `
<div>
  <div
    class="usa-alert usa-alert--info"
    role="alert"
  >
    <div
      class="usa-alert__body"
    >
      <p
        class="usa-alert__text"
      >
        Hello world
      </p>
    </div>
  </div>
</div>
`;

exports[`renders a slim alert 1`] = `
<div>
  <div
    class="usa-alert usa-alert--success usa-alert--slim"
    role="alert"
  >
    <div
      class="usa-alert__body"
    >
      <p
        class="usa-alert__text"
      >
        Hello world
      </p>
    </div>
  </div>
</div>
`;

exports[`renders a slim alert ignoring title 1`] = `
<div>
  <div
    class="usa-alert usa-alert--success usa-alert--slim"
    role="alert"
  >
    <div
      class="usa-alert__body"
    >
      <p
        class="usa-alert__text"
      >
        Hello world
      </p>
    </div>
  </div>
</div>
`;

exports[`renders a success alert 1`] = `
<div>
  <div
    class="usa-alert usa-alert--success"
    role="alert"
  >
    <div
      class="usa-alert__body"
    >
      <p
        class="usa-alert__text"
      >
        Hello world
      </p>
    </div>
  </div>
</div>
`;

exports[`renders a warning alert 1`] = `
<div>
  <div
    class="usa-alert usa-alert--warning"
    role="alert"
  >
    <div
      class="usa-alert__body"
    >
      <p
        class="usa-alert__text"
      >
        Hello world
      </p>
    </div>
  </div>
</div>
`;

exports[`renders an alert with HTML content as message 1`] = `
<div>
  <div
    class="usa-alert usa-alert--success usa-alert--slim usa-alert--no-icon"
    role="alert"
  >
    <a
      href="/"
    >
      This is a link
    </a>
  </div>
</div>
`;

exports[`renders an alert with title 1`] = `
<div>
  <div
    class="usa-alert usa-alert--success"
    role="alert"
  >
    <div
      class="usa-alert__body"
    >
      <h2
        class="usa-alert__heading"
      >
        Informative status
      </h2>
      <p
        class="usa-alert__text"
      >
        Hello world
      </p>
    </div>
  </div>
</div>
`;

exports[`renders an alert without icon 1`] = `
<div>
  <div
    class="usa-alert usa-alert--success usa-alert--slim usa-alert--no-icon"
    role="alert"
  >
    <div
      class="usa-alert__body"
    >
      <p
        class="usa-alert__text"
      >
        Hello world
      </p>
    </div>
  </div>
</div>
`;

exports[`renders an error alert 1`] = `
<div>
  <div
    class="usa-alert usa-alert--error"
    role="alert"
  >
    <div
      class="usa-alert__body"
    >
      <p
        class="usa-alert__text"
      >
        Hello world
      </p>
    </div>
  </div>
</div>
`;