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

exports[`ComplianceModal should render the correct content 1`] = `
<div>
  <div
    class="modal-container"
  >
    <div
      class="modal-container__content"
    >
      <div
        class="box box--flex-direction-row"
      >
        <header
          class="box box--display-flex box--flex-direction-row box--justify-content-space-between"
        >
          <div
            class="box box--display-flex box--flex-direction-row box--justify-content-flex-start box--align-items-center"
          >
            <img
              alt="Codefi Compliance"
              height="32"
              src="images/compliance-logo-small.svg"
              width="32"
            />
            <h4
              class="box mm-text mm-text--body-md box--margin-left-2 box--flex-direction-row box--color-text-default"
            >
              [codefiCompliance]
            </h4>
          </div>
          <button
            aria-label="[close]"
            class="box mm-button-icon mm-button-icon--size-sm box--display-inline-flex box--flex-direction-row box--justify-content-center box--align-items-center box--color-icon-default box--background-color-transparent box--rounded-lg"
            data-testid="compliance-modal-close"
          >
            <span
              class="box mm-icon mm-icon--size-sm box--display-inline-block box--flex-direction-row box--color-inherit"
              style="mask-image: url('./images/icons/close.svg');"
            />
          </button>
        </header>
        <p
          class="box mm-text mm-text--body-md box--padding-bottom-3 box--flex-direction-row box--color-text-alternative"
          data-testid="compliance-info"
        >
          [complianceBlurb0]
        </p>
        <p
          class="box mm-text mm-text--body-md box--padding-bottom-3 box--flex-direction-row box--color-text-alternative"
        >
          [complianceBlurb1]
        </p>
        <p
          class="box mm-text mm-text--body-md box--padding-bottom-3 box--flex-direction-row box--color-text-alternative"
        >
          [complianceBlurpStep0]
        </p>
        <ol
          data-testid="compliance-bullets"
        >
          <li>
            [complianceBlurbStep1]
          </li>
          <li>
            [complianceBlurbStep2]
          </li>
          <li>
            [complianceBlurbStep3]
          </li>
          <li>
            [complianceBlurbStep4]
          </li>
          <li>
            [complianceBlurbStep5]
          </li>
        </ol>
      </div>
    </div>
    <div
      class="modal-container__footer"
    >
      <button
        class="button btn--rounded btn-primary modal-container__footer-button"
        role="button"
        tabindex="0"
      >
        [openCodefiCompliance]
      </button>
    </div>
  </div>
</div>
`;