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

exports[`Last30DaysViews creates snapshot 1`] = `
<DocumentFragment>
  <div
    class="mt-2 mb-1 undefined"
    data-testid="smallTitle"
  >
    <small
      class="card-title text-muted text-uppercase"
    >
      <span
        aria-level="5"
        role="heading"
      >
        Last 30 days views
      </span>
    </small>
  </div>
  <div
    class="w-100 mb-3 pt-2"
    data-testid="lastViews"
  >
    <div
      class="d-flex flex-column"
    >
      <div>
        <div
          class="position-relative border bg-white chartWrapper"
        >
          <div>
            Chart
          </div>
        </div>
        <div
          class="d-flex flex-row justify-content-between w-100 legend"
        >
          <div>
            <small
              class="text-muted"
            >
              14 Nov
            </small>
          </div>
          <div>
            <small
              class="text-muted"
            >
              29 Nov
            </small>
          </div>
          <div>
            <small
              class="text-muted"
            >
              14 Dec
            </small>
          </div>
        </div>
        <div
          class="d-flex flex-row justify-content-between align-items-baseline w-100"
        >
          <div
            class="d-none d-md-block"
          >
            <button
              aria-label="See views chart"
              class="btn btn-link ps-0 position-relative text-primary btn"
            >
              <div
                class="d-flex flex-row align-items-center text-nowrap"
              >
                <svg
                  class="me-1"
                  fill="currentColor"
                  height="1em"
                  stroke="currentColor"
                  stroke-width="0"
                  viewBox="0 0 20 20"
                  width="1em"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    clip-rule="evenodd"
                    d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v2H7a1 1 0 100 2h2v2a1 1 0 102 0v-2h2a1 1 0 100-2h-2V7z"
                    fill-rule="evenodd"
                  />
                </svg>
                <span>
                  See details
                </span>
              </div>
            </button>
          </div>
          <div
            class="ms-auto text-truncate legend"
          >
            <small
              class="text-muted text-truncate"
            >
              (all versions)
            </small>
          </div>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>
`;
