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

exports[`ManageCardInstrumentsTable matches snapshot with rendered output 1`] = `
<div
  class="loadingOverlay-container"
>
  <table
    class="table"
  >
    <thead
      class="table-thead"
    >
      <tr>
        <th>
          Payment method
        </th>
        <th>
          Ending in
        </th>
        <th>
          Expiry date
        </th>
        <th />
      </tr>
    </thead>
    <tbody
      class="table-tbody"
    >
      <tr>
        <td
          data-test="manage-instrument-cardType"
        >
          <div
            class="icon cardIcon-icon icon--medium"
            data-test="credit-card-icon-visa"
          >
            <svg
              aria-labelledby="iconCardVisaTitle"
              height="100"
              role="img"
              viewBox="0 0 148 100"
              width="148"
              xmlns="http://www.w3.org/2000/svg"
            >
              <title
                id="iconCardVisaTitle"
              >
                Visa
              </title>
              <g
                fill="none"
                fill-rule="evenodd"
              >
                <path
                  d="M148 84c0 6.6-5.55 12-12 12H12C5.55 96 0 90.6 0 84V12C0 5.4 5.55 0 12 0h124c6.45 0 12 5.4 12 12v72z"
                  fill="#F3F4F4"
                />
                <path
                  d="M0 24V12C0 5.4 5.74 0 12 0h124c6.26 0 12 5.4 12 12v12"
                  fill="#01579F"
                />
                <path
                  d="M148 76v12c0 8.667-5.74 12-12 12H12c-6.26 0-12-3.333-12-12V76"
                  fill="#FAA41D"
                />
                <path
                  d="M55.01 65.267l4.72-29.186h7.546l-4.72 29.19H55.01M89.913 36.8c-1.49-.59-3.85-1.242-6.77-1.242-7.452 0-12.7 3.974-12.73 9.656-.063 4.19 3.756 6.52 6.613 7.918 2.92 1.428 3.913 2.36 3.913 3.633-.04 1.957-2.36 2.857-4.54 2.857-3.014 0-4.628-.465-7.08-1.552l-.996-.466-1.055 6.55c1.77.808 5.03 1.52 8.415 1.553 7.92 0 13.075-3.912 13.137-9.967.03-3.322-1.987-5.868-6.334-7.948-2.64-1.336-4.256-2.236-4.256-3.602.032-1.242 1.367-2.514 4.348-2.514 2.453-.06 4.254.53 5.62 1.12l.684.31L89.91 36.8m10.03 18.13c.62-1.675 3.013-8.165 3.013-8.165-.03.062.62-1.707.994-2.794l.525 2.52s1.428 6.986 1.74 8.445H99.94zm9.317-18.846h-5.84c-1.8 0-3.17.53-3.945 2.424L88.265 65.27h7.918s1.305-3.6 1.585-4.377h9.687c.217 1.024.9 4.377.9 4.377h6.987l-6.082-29.19zm-60.555 0l-7.39 19.904-.807-4.037c-1.37-4.652-5.653-9.713-10.435-12.23l6.77 25.52h7.98L56.68 36.09H48.7"
                  fill="#3B5CAA"
                />
                <path
                  d="M34.454 36.08H22.312l-.124.59c9.47 2.423 15.744 8.26 18.32 15.277L37.87 38.534c-.436-1.863-1.77-2.39-3.416-2.453"
                  fill="#F8A51D"
                />
              </g>
            </svg>
          </div>
          <span
            class="instrumentModal-instrumentCardType"
          >
            Visa
          </span>
        </td>
        <td
          data-test="manage-instrument-last4"
        >
          4321
        </td>
        <td
          class=""
          data-test="manage-instrument-expiry"
        >
          02/2025
        </td>
        <td>
          <button
            class="button button--tiny table-actionButton optimizedCheckout-buttonSecondary"
            data-test="manage-instrument-delete-button"
            type="button"
          >
            Delete
          </button>
        </td>
      </tr>
      <tr>
        <td
          data-test="manage-instrument-cardType"
        >
          <div
            class="icon cardIcon-icon icon--medium"
            data-test="credit-card-icon-american-express"
          >
            <svg
              aria-labelledby="iconCardAmexTitle"
              height="104"
              role="img"
              viewBox="0 0 156 104"
              width="156"
              xmlns="http://www.w3.org/2000/svg"
            >
              <title
                id="iconCardAmexTitle"
              >
                Amex
              </title>
              <g
                fill="none"
                fill-rule="evenodd"
              >
                <path
                  d="M144 104H12c-6.15 0-12-5.85-12-12V12C0 5.85 5.85 0 12 0h132c6.15 0 12 5.85 12 12v80c0 6.15-5.85 12-12 12z"
                  fill="#60C7EE"
                />
                <g
                  fill="#FFF"
                >
                  <path
                    d="M95.05 46.532v3.68h12.93v4.723H95.05V59.5h12.79l5.244-6.824-4.673-6.144H95.05m-59.707 9.382h5.906l-2.97-8.324-2.94 8.324"
                  />
                  <path
                    d="M128.833 52.77l11.29-15.125h-19.067l-2.536 3.9-2.608-3.9h-46.59l-1.254 4.224-1.264-4.227H31.27L17.72 68.687h17.326l1.31-3.822h3.824l1.345 3.822h73.594l3.28-4.594 3.28 4.594h19.36l-4.867-6.343-7.342-9.574zM83.185 64.744H76.38v-17.66l-5.243 17.66h-6.16l-5.233-17.66v17.66H44.318l-1.345-3.823H33.54l-1.312 3.826h-8.483L33.85 41.588h9.065L52.94 64.56V41.59h10.927l4.214 14.09 4.187-14.09h10.92v23.156zm40.524 0l-5.31-7.44-5.31 7.44H86.72V41.588h27.085l4.76 7.124 4.63-7.124h9.062l-8.37 11.215 9.16 11.94h-9.338z"
                  />
                </g>
              </g>
            </svg>
          </div>
          <span
            class="instrumentModal-instrumentCardType"
          >
            American Express
          </span>
        </td>
        <td
          data-test="manage-instrument-last4"
        >
          4444
        </td>
        <td
          class=""
          data-test="manage-instrument-expiry"
        >
          10/2024
        </td>
        <td>
          <button
            class="button button--tiny table-actionButton optimizedCheckout-buttonSecondary"
            data-test="manage-instrument-delete-button"
            type="button"
          >
            Delete
          </button>
        </td>
      </tr>
    </tbody>
  </table>
</div>
`;