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

exports[`ThemeMode 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"
        class="px-4"
        role="heading"
      >
        Theme
      </span>
    </small>
  </div>
  <div
    data-testid="themeOptions"
  >
    <div
      class="dropdown-item"
    >
      <div
        class="form-check"
      >
        <input
          aria-checked="false"
          class="form-check-input input"
          id="desktop-automatic"
          name="automatic"
          tabindex="0"
          type="radio"
          value="automatic"
        />
        <label
          class="form-check-label fw-bold w-100 label"
          for="desktop-automatic"
        >
          <svg
            class="mx-1 position-relative icon"
            fill="currentColor"
            height="1em"
            stroke="currentColor"
            stroke-width="0"
            viewBox="0 0 24 24"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M0 3.75C0 2.784.784 2 1.75 2h20.5c.966 0 1.75.784 1.75 1.75v16.5A1.75 1.75 0 0 1 22.25 22H1.75A1.75 1.75 0 0 1 0 20.25ZM22.5 7h-21v13.25c0 .138.112.25.25.25h20.5a.25.25 0 0 0 .25-.25Zm-10-3.5v2h10V3.75a.25.25 0 0 0-.25-.25ZM7 3.5v2h4v-2Zm-5.25 0a.25.25 0 0 0-.25.25V5.5h4v-2Z"
            />
          </svg>
          Automatic
        </label>
      </div>
    </div>
    <div
      class="dropdown-item"
    >
      <div
        class="form-check"
      >
        <input
          aria-checked="true"
          checked=""
          class="form-check-input input"
          id="desktop-light"
          name="light"
          tabindex="-1"
          type="radio"
          value="light"
        />
        <label
          class="form-check-label fw-bold w-100 label"
          for="desktop-light"
        >
          <svg
            class="mx-1 position-relative icon"
            fill="none"
            height="1em"
            stroke="currentColor"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
            viewBox="0 0 24 24"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <circle
              cx="12"
              cy="12"
              r="5"
            />
            <line
              x1="12"
              x2="12"
              y1="1"
              y2="3"
            />
            <line
              x1="12"
              x2="12"
              y1="21"
              y2="23"
            />
            <line
              x1="4.22"
              x2="5.64"
              y1="4.22"
              y2="5.64"
            />
            <line
              x1="18.36"
              x2="19.78"
              y1="18.36"
              y2="19.78"
            />
            <line
              x1="1"
              x2="3"
              y1="12"
              y2="12"
            />
            <line
              x1="21"
              x2="23"
              y1="12"
              y2="12"
            />
            <line
              x1="4.22"
              x2="5.64"
              y1="19.78"
              y2="18.36"
            />
            <line
              x1="18.36"
              x2="19.78"
              y1="5.64"
              y2="4.22"
            />
          </svg>
          Light
        </label>
      </div>
    </div>
    <div
      class="dropdown-item"
    >
      <div
        class="form-check"
      >
        <input
          aria-checked="false"
          class="form-check-input input"
          id="desktop-dark"
          name="dark"
          tabindex="-1"
          type="radio"
          value="dark"
        />
        <label
          class="form-check-label fw-bold w-100 label"
          for="desktop-dark"
        >
          <svg
            class="mx-1 position-relative icon"
            fill="none"
            height="1em"
            stroke="currentColor"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
            viewBox="0 0 24 24"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"
            />
          </svg>
          Dark
        </label>
      </div>
    </div>
  </div>
</DocumentFragment>
`;
