xref: /expo/docs/components/plugins/__snapshots__/APISection.test.tsx.snap (revision 6d2ad561)

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

exports[`APISection expo-apple-authentication 1`] = `
<div>
  <h2
    class="  css-10bv6vo-TextComponent"
    data-heading="true"
  >
    <a
      class="css-1y48vg3"
      href="#component"
    >
      <span
        class="css-s3qkfm"
        id="component"
      />
      <span
        class="css-6n7j50"
      >
        Component
      </span>
      <span
        class="css-1n7zw4g"
      >
        <svg
          aria-label="permalink"
          class="anchor-icon"
          fill="none"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
          <path
            d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
        </svg>
      </span>
    </a>
  </h2>
  <div
    class="css-1fultt1"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#appleauthenticationbutton"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationbutton"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            AppleAuthenticationButton
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      <strong
        class="css-bvflvn-TextComponent"
      >
        Type:
      </strong>

      <code
        class="css-4xa05b-TextComponent"
        data-text="true"
      >
        React.Element
        &lt;
        <a
          class="css-1na8e0o-A"
          href="#appleauthenticationbuttonprops"
        >
          AppleAuthenticationButtonProps
        </a>
        &gt;
      </code>
    </p>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      This component displays the proprietary "Sign In with Apple" / "Continue with Apple" button on
your screen. The App Store Guidelines require you to use this component to start the
authentication process instead of a custom button. Limited customization of the button is
available via the provided properties.
    </p>


    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      You should only attempt to render this if
      <a
        class="css-1na8e0o-A"
        href="#isavailableasync"
      >
        <code
          class="css-23wgco-TextComponent"
          data-text="true"
        >
          AppleAuthentication.isAvailableAsync()
        </code>
      </a>

resolves to
      <code
        class="css-23wgco-TextComponent"
        data-text="true"
      >
        true
      </code>
      . This component will render nothing if it is not available, and you will get
a warning in development mode (
      <code
        class="css-23wgco-TextComponent"
        data-text="true"
      >
        __DEV__ === true
      </code>
      ).
    </p>


    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      The properties of this component extend from
      <code
        class="css-23wgco-TextComponent"
        data-text="true"
      >
        View
      </code>
      ; however, you should not attempt to set

      <code
        class="css-23wgco-TextComponent"
        data-text="true"
      >
        backgroundColor
      </code>
       or
      <code
        class="css-23wgco-TextComponent"
        data-text="true"
      >
        borderRadius
      </code>
       with the
      <code
        class="css-23wgco-TextComponent"
        data-text="true"
      >
        style
      </code>
       property. This will not work and is against
the App Store Guidelines. Instead, you should use the
      <code
        class="css-23wgco-TextComponent"
        data-text="true"
      >
        buttonStyle
      </code>
       property to choose one of the
predefined color styles and the
      <code
        class="css-23wgco-TextComponent"
        data-text="true"
      >
        cornerRadius
      </code>
       property to change the border radius of the
button.
    </p>


    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Make sure to attach height and width via the style props as without these styles, the button will
not appear on the screen.
    </p>
    <blockquote
      class="css-zknray-Callout"
      data-testid="callout-container"
    >
      <div
        class="css-7jywx8-Callout"
      >
        <svg
          class="icon-sm text-icon-default"
          fill="currentColor"
          role="img"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="info-circle"
          >
            <path
              clip-rule="evenodd"
              d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9H12.01C12.5623 9 13.01 8.55228 13.01 8C13.01 7.44772 12.5623 7 12.01 7H12ZM13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V12Z"
              fill-rule="evenodd"
              id="Solid"
            />
          </g>
        </svg>
      </div>
      <div
        class="css-1m74yfi-Callout"
      >
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          <strong
            class="css-bvflvn-TextComponent"
          >
            See:
          </strong>

          <a
            class="css-1na8e0o-A"
            href="https://developer.apple.com/documentation/authenticationservices/asauthorizationappleidbutton"
            rel="noopener noreferrer"
            target="_blank"
          >
            Apple
Documentation
          </a>

for more details.
        </p>
      </div>
    </blockquote>
    <h2
      class="  css-10bv6vo-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#props"
      >
        <span
          class="css-s3qkfm"
          id="props"
        />
        <span
          class="css-6n7j50"
        >
          Props
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h2>
    <div>
      <div
        class="css-11xr3cd"
      >
        <h3
          class="  css-bbneh1-TextComponent"
          data-heading="true"
        >
          <a
            class="css-1y48vg3"
            href="#buttonstyle"
          >
            <span
              class="css-s3qkfm"
              id="buttonstyle"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="css-s0csg4-TextComponent"
                data-text="true"
              >
                buttonStyle
              </code>
            </span>
            <span
              class="css-1n7zw4g"
            >
              <svg
                aria-label="permalink"
                class="anchor-icon"
                fill="none"
                height="24"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                  stroke="#9B9B9B"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                />
                <path
                  d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                  stroke="#9B9B9B"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                />
              </svg>
            </span>
          </a>
        </h3>
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          <span
            class="css-1lk0cux"
          >
            Type:
          </span>

          <code
            class="css-4xa05b-TextComponent"
            data-text="true"
          >
            <a
              class="css-1na8e0o-A"
              href="#appleauthenticationbuttonstyle"
            >
              AppleAuthenticationButtonStyle
            </a>
          </code>
        </p>
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          The Apple-defined color scheme to use to display the button.
        </p>
      </div>
      <div
        class="css-11xr3cd"
      >
        <h3
          class="  css-bbneh1-TextComponent"
          data-heading="true"
        >
          <a
            class="css-1y48vg3"
            href="#buttontype"
          >
            <span
              class="css-s3qkfm"
              id="buttontype"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="css-s0csg4-TextComponent"
                data-text="true"
              >
                buttonType
              </code>
            </span>
            <span
              class="css-1n7zw4g"
            >
              <svg
                aria-label="permalink"
                class="anchor-icon"
                fill="none"
                height="24"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                  stroke="#9B9B9B"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                />
                <path
                  d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                  stroke="#9B9B9B"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                />
              </svg>
            </span>
          </a>
        </h3>
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          <span
            class="css-1lk0cux"
          >
            Type:
          </span>

          <code
            class="css-4xa05b-TextComponent"
            data-text="true"
          >
            <a
              class="css-1na8e0o-A"
              href="#appleauthenticationbuttontype"
            >
              AppleAuthenticationButtonType
            </a>
          </code>
        </p>
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          The type of button text to display ("Sign In with Apple" vs. "Continue with Apple").
        </p>
      </div>
      <div
        class="css-11xr3cd"
      >
        <h3
          class="  css-bbneh1-TextComponent"
          data-heading="true"
        >
          <a
            class="css-1y48vg3"
            href="#cornerradius"
          >
            <span
              class="css-s3qkfm"
              id="cornerradius"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="css-s0csg4-TextComponent"
                data-text="true"
              >
                cornerRadius
              </code>
            </span>
            <span
              class="css-1n7zw4g"
            >
              <svg
                aria-label="permalink"
                class="anchor-icon"
                fill="none"
                height="24"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                  stroke="#9B9B9B"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                />
                <path
                  d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                  stroke="#9B9B9B"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                />
              </svg>
            </span>
          </a>
        </h3>
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          <span
            class="css-1lk0cux"
          >
            Optional • 
          </span>
          <span
            class="css-1lk0cux"
          >
            Type:
          </span>

          <code
            class="css-4xa05b-TextComponent"
            data-text="true"
          >
            number
          </code>
        </p>
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          The border radius to use when rendering the button. This works similarly to

          <code
            class="css-23wgco-TextComponent"
            data-text="true"
          >
            style.borderRadius
          </code>
           in other Views.
        </p>
      </div>
      <div
        class="css-11xr3cd"
      >
        <h3
          class="  css-bbneh1-TextComponent"
          data-heading="true"
        >
          <a
            class="css-1y48vg3"
            href="#onpress"
          >
            <span
              class="css-s3qkfm"
              id="onpress"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="css-s0csg4-TextComponent"
                data-text="true"
              >
                onPress
              </code>
            </span>
            <span
              class="css-1n7zw4g"
            >
              <svg
                aria-label="permalink"
                class="anchor-icon"
                fill="none"
                height="24"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                  stroke="#9B9B9B"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                />
                <path
                  d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                  stroke="#9B9B9B"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                />
              </svg>
            </span>
          </a>
        </h3>
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          <span
            class="css-1lk0cux"
          >
            Type:
          </span>

          <code
            class="css-4xa05b-TextComponent"
            data-text="true"
          >
            (
            ) =&gt;
            void
          </code>
        </p>
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          The method to call when the user presses the button. You should call
          <a
            class="css-1na8e0o-A"
            href="#isavailableasync"
          >
            <code
              class="css-23wgco-TextComponent"
              data-text="true"
            >
              AppleAuthentication.signInAsync
            </code>
          </a>

in here.
        </p>
      </div>
      <div
        class="css-11xr3cd"
      >
        <h3
          class="  css-bbneh1-TextComponent"
          data-heading="true"
        >
          <a
            class="css-1y48vg3"
            href="#style"
          >
            <span
              class="css-s3qkfm"
              id="style"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="css-s0csg4-TextComponent"
                data-text="true"
              >
                style
              </code>
            </span>
            <span
              class="css-1n7zw4g"
            >
              <svg
                aria-label="permalink"
                class="anchor-icon"
                fill="none"
                height="24"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                  stroke="#9B9B9B"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                />
                <path
                  d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                  stroke="#9B9B9B"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                />
              </svg>
            </span>
          </a>
        </h3>
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          <span
            class="css-1lk0cux"
          >
            Optional • 
          </span>
          <span
            class="css-1lk0cux"
          >
            Type:
          </span>

          <code
            class="css-4xa05b-TextComponent"
            data-text="true"
          >
            StyleProp
            &lt;
            <span>
              <a
                class="css-1na8e0o-A"
                href="https://www.typescriptlang.org/docs/handbook/utility-types.html#omittype-keys"
                rel="noopener noreferrer"
                target="_blank"
              >
                Omit
              </a>
              &lt;
              <span>
                <a
                  class="css-1na8e0o-A"
                  href="https://reactnative.dev/docs/view-style-props"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  ViewStyle
                </a>
                ,
              </span>
              <span>
                <span>
                  'backgroundColor'
                   |
                </span>
                <span>
                  'borderRadius'
                </span>
              </span>
              &gt;
            </span>
            &gt;
          </code>
        </p>
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          The custom style to apply to the button. Should not include
          <code
            class="css-23wgco-TextComponent"
            data-text="true"
          >
            backgroundColor
          </code>
           or
          <code
            class="css-23wgco-TextComponent"
            data-text="true"
          >
            borderRadius
          </code>

properties.
        </p>
      </div>
      <h3
        class="  css-bbneh1-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#inherited-props"
        >
          <span
            class="css-s3qkfm"
            id="inherited-props"
          />
          <span
            class="css-6n7j50"
          >
            Inherited Props
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h3>
      <ul
        class="css-118jp6n-TextComponent"
      >
        <li
          class="css-1hxzfrf-TextComponent"
          data-text="true"
        >
          <code
            class="css-4xa05b-TextComponent"
            data-text="true"
          >
            <a
              class="css-1na8e0o-A"
              href="https://reactnative.dev/docs/view#props"
              rel="noopener noreferrer"
              target="_blank"
            >
              ViewProps
            </a>
          </code>
        </li>
      </ul>
    </div>
  </div>
  <h2
    class="  css-10bv6vo-TextComponent"
    data-heading="true"
  >
    <a
      class="css-1y48vg3"
      href="#methods"
    >
      <span
        class="css-s3qkfm"
        id="methods"
      />
      <span
        class="css-6n7j50"
      >
        Methods
      </span>
      <span
        class="css-1n7zw4g"
      >
        <svg
          aria-label="permalink"
          class="anchor-icon"
          fill="none"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
          <path
            d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
        </svg>
      </span>
    </a>
  </h2>
  <div
    class="css-11xr3cd"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#getcredentialstateasyncuser"
      >
        <span
          class="css-s3qkfm"
          id="getcredentialstateasyncuser"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-s0csg4-TextComponent"
            data-text="true"
          >
            getCredentialStateAsync(user)
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-zstkv9-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                user
              </strong>
            </td>
            <td
              class="css-zstkv9-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                string
              </code>
            </td>
            <td
              class="css-zstkv9-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                The unique identifier for the user whose credential state you'd like to check.
This should come from the user field of an
                <a
                  class="css-1na8e0o-A"
                  href="#appleauthenticationcredentialstate"
                >
                  <code
                    class="css-23wgco-TextComponent"
                    data-text="true"
                  >
                    AppleAuthenticationCredential
                  </code>
                </a>
                 object.
              </p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <br />
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Queries the current state of a user credential, to determine if it is still valid or if it has been revoked.
    </p>


    <blockquote
      class="css-zknray-Callout"
      data-testid="callout-container"
    >
      <div
        class="css-7jywx8-Callout"
      >
        <svg
          class="icon-sm text-icon-default"
          fill="currentColor"
          role="img"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="info-circle"
          >
            <path
              clip-rule="evenodd"
              d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9H12.01C12.5623 9 13.01 8.55228 13.01 8C13.01 7.44772 12.5623 7 12.01 7H12ZM13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V12Z"
              fill-rule="evenodd"
              id="Solid"
            />
          </g>
        </svg>
      </div>
      <div
        class="css-1m74yfi-Callout"
      >


        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          <strong
            class="css-bvflvn-TextComponent"
          >
            Note:
          </strong>
           This method must be tested on a real device. On the iOS simulator it always throws an error.
        </p>


      </div>
    </blockquote>
    <p
      class="css-1eksndl-BoxSectionHeader"
      data-text="true"
    >
      Returns
    </p>
    <ul
      class="!list-none !ml-0 css-118jp6n-TextComponent"
    >
      <li
        class="css-1hxzfrf-TextComponent"
        data-text="true"
      >
        <svg
          class="inline-block icon-sm text-icon-secondary align-middle mr-2"
          fill="none"
          role="img"
          stroke="currentColor"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="corner-down-right"
          >
            <path
              d="M4 4V5.4C4 8.76031 4 10.4405 4.65396 11.7239C5.2292 12.8529 6.14708 13.7708 7.27606 14.346C8.55953 15 10.2397 15 13.6 15H20M20 15L15 10M20 15L15 20"
              id="Icon"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </g>
        </svg>
        <code
          class="css-4xa05b-TextComponent"
          data-text="true"
        >
          <a
            class="css-1na8e0o-A"
            href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
            rel="noopener noreferrer"
            target="_blank"
          >
            Promise
          </a>
          &lt;
          <span>
            <a
              class="css-1na8e0o-A"
              href="#appleauthenticationcredentialstate"
            >
              AppleAuthenticationCredentialState
            </a>
          </span>
          &gt;
        </code>
      </li>
    </ul>
    <br />
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      A promise that fulfills with an
      <a
        class="css-1na8e0o-A"
        href="#appleauthenticationcredentialstate"
      >
        <code
          class="css-23wgco-TextComponent"
          data-text="true"
        >
          AppleAuthenticationCredentialState
        </code>
      </a>

value depending on the state of the credential.
    </p>
  </div>
  <div
    class="css-11xr3cd"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#isavailableasync"
      >
        <span
          class="css-s3qkfm"
          id="isavailableasync"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-s0csg4-TextComponent"
            data-text="true"
          >
            isAvailableAsync()
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Determine if the current device's operating system supports Apple authentication.
    </p>
    <p
      class="css-1eksndl-BoxSectionHeader"
      data-text="true"
    >
      Returns
    </p>
    <ul
      class="!list-none !ml-0 css-118jp6n-TextComponent"
    >
      <li
        class="css-1hxzfrf-TextComponent"
        data-text="true"
      >
        <svg
          class="inline-block icon-sm text-icon-secondary align-middle mr-2"
          fill="none"
          role="img"
          stroke="currentColor"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="corner-down-right"
          >
            <path
              d="M4 4V5.4C4 8.76031 4 10.4405 4.65396 11.7239C5.2292 12.8529 6.14708 13.7708 7.27606 14.346C8.55953 15 10.2397 15 13.6 15H20M20 15L15 10M20 15L15 20"
              id="Icon"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </g>
        </svg>
        <code
          class="css-4xa05b-TextComponent"
          data-text="true"
        >
          <a
            class="css-1na8e0o-A"
            href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
            rel="noopener noreferrer"
            target="_blank"
          >
            Promise
          </a>
          &lt;
          <span>
            boolean
          </span>
          &gt;
        </code>
      </li>
    </ul>
    <br />
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      A promise that fulfills with
      <code
        class="css-23wgco-TextComponent"
        data-text="true"
      >
        true
      </code>
       if the system supports Apple authentication, and
      <code
        class="css-23wgco-TextComponent"
        data-text="true"
      >
        false
      </code>
       otherwise.
    </p>
  </div>
  <div
    class="css-11xr3cd"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#refreshasyncoptions"
      >
        <span
          class="css-s3qkfm"
          id="refreshasyncoptions"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-s0csg4-TextComponent"
            data-text="true"
          >
            refreshAsync(options)
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-zstkv9-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                options
              </strong>
            </td>
            <td
              class="css-zstkv9-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <a
                  class="css-1na8e0o-A"
                  href="#appleauthenticationrefreshoptions"
                >
                  AppleAuthenticationRefreshOptions
                </a>
              </code>
            </td>
            <td
              class="css-zstkv9-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                An
                <a
                  class="css-1na8e0o-A"
                  href="#appleauthenticationrefreshoptions"
                >
                  <code
                    class="css-23wgco-TextComponent"
                    data-text="true"
                  >
                    AppleAuthenticationRefreshOptions
                  </code>
                </a>
                 object
              </p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <br />
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      An operation that refreshes the logged-in user’s credentials.
Calling this method will show the sign in modal before actually refreshing the user credentials.
    </p>
    <p
      class="css-1eksndl-BoxSectionHeader"
      data-text="true"
    >
      Returns
    </p>
    <ul
      class="!list-none !ml-0 css-118jp6n-TextComponent"
    >
      <li
        class="css-1hxzfrf-TextComponent"
        data-text="true"
      >
        <svg
          class="inline-block icon-sm text-icon-secondary align-middle mr-2"
          fill="none"
          role="img"
          stroke="currentColor"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="corner-down-right"
          >
            <path
              d="M4 4V5.4C4 8.76031 4 10.4405 4.65396 11.7239C5.2292 12.8529 6.14708 13.7708 7.27606 14.346C8.55953 15 10.2397 15 13.6 15H20M20 15L15 10M20 15L15 20"
              id="Icon"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </g>
        </svg>
        <code
          class="css-4xa05b-TextComponent"
          data-text="true"
        >
          <a
            class="css-1na8e0o-A"
            href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
            rel="noopener noreferrer"
            target="_blank"
          >
            Promise
          </a>
          &lt;
          <span>
            <a
              class="css-1na8e0o-A"
              href="#appleauthenticationcredential"
            >
              AppleAuthenticationCredential
            </a>
          </span>
          &gt;
        </code>
      </li>
    </ul>
    <br />
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      A promise that fulfills with an
      <a
        class="css-1na8e0o-A"
        href="#appleauthenticationcredential"
      >
        <code
          class="css-23wgco-TextComponent"
          data-text="true"
        >
          AppleAuthenticationCredential
        </code>
      </a>

object after a successful authentication, and rejects with
      <code
        class="css-23wgco-TextComponent"
        data-text="true"
      >
        ERR_REQUEST_CANCELED
      </code>
       if the user cancels the
refresh operation.
    </p>
  </div>
  <div
    class="css-11xr3cd"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#signinasyncoptions"
      >
        <span
          class="css-s3qkfm"
          id="signinasyncoptions"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-s0csg4-TextComponent"
            data-text="true"
          >
            signInAsync(options)
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-zstkv9-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                options
              </strong>
              <br />
              <span
                class="css-1g95u6x"
              >
                (optional)
              </span>
            </td>
            <td
              class="css-zstkv9-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <a
                  class="css-1na8e0o-A"
                  href="#appleauthenticationsigninoptions"
                >
                  AppleAuthenticationSignInOptions
                </a>
              </code>
            </td>
            <td
              class="css-zstkv9-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                An optional
                <a
                  class="css-1na8e0o-A"
                  href="#appleauthenticationsigninoptions"
                >
                  <code
                    class="css-23wgco-TextComponent"
                    data-text="true"
                  >
                    AppleAuthenticationSignInOptions
                  </code>
                </a>
                 object
              </p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <br />
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Sends a request to the operating system to initiate the Apple authentication flow, which will
present a modal to the user over your app and allow them to sign in.
    </p>


    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      You can request access to the user's full name and email address in this method, which allows you
to personalize your UI for signed in users. However, users can deny access to either or both
of these options at runtime.
    </p>


    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Additionally, you will only receive Apple Authentication Credentials the first time users sign
into your app, so you must store it for later use. It's best to store this information either
server-side, or using
      <a
        class="css-1na8e0o-A"
        href="./securestore"
      >
        SecureStore
      </a>
      , so that the data persists across app installs.
You can use
      <a
        class="css-1na8e0o-A"
        href="#appleauthenticationcredential"
      >
        <code
          class="css-23wgco-TextComponent"
          data-text="true"
        >
          AppleAuthenticationCredential.user
        </code>
      </a>
       to identify
the user, since this remains the same for apps released by the same developer.
    </p>
    <p
      class="css-1eksndl-BoxSectionHeader"
      data-text="true"
    >
      Returns
    </p>
    <ul
      class="!list-none !ml-0 css-118jp6n-TextComponent"
    >
      <li
        class="css-1hxzfrf-TextComponent"
        data-text="true"
      >
        <svg
          class="inline-block icon-sm text-icon-secondary align-middle mr-2"
          fill="none"
          role="img"
          stroke="currentColor"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="corner-down-right"
          >
            <path
              d="M4 4V5.4C4 8.76031 4 10.4405 4.65396 11.7239C5.2292 12.8529 6.14708 13.7708 7.27606 14.346C8.55953 15 10.2397 15 13.6 15H20M20 15L15 10M20 15L15 20"
              id="Icon"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </g>
        </svg>
        <code
          class="css-4xa05b-TextComponent"
          data-text="true"
        >
          <a
            class="css-1na8e0o-A"
            href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
            rel="noopener noreferrer"
            target="_blank"
          >
            Promise
          </a>
          &lt;
          <span>
            <a
              class="css-1na8e0o-A"
              href="#appleauthenticationcredential"
            >
              AppleAuthenticationCredential
            </a>
          </span>
          &gt;
        </code>
      </li>
    </ul>
    <br />
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      A promise that fulfills with an
      <a
        class="css-1na8e0o-A"
        href="#appleauthenticationcredential"
      >
        <code
          class="css-23wgco-TextComponent"
          data-text="true"
        >
          AppleAuthenticationCredential
        </code>
      </a>

object after a successful authentication, and rejects with
      <code
        class="css-23wgco-TextComponent"
        data-text="true"
      >
        ERR_REQUEST_CANCELED
      </code>
       if the user cancels the
sign-in operation.
    </p>
  </div>
  <div
    class="css-11xr3cd"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#signoutasyncoptions"
      >
        <span
          class="css-s3qkfm"
          id="signoutasyncoptions"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-s0csg4-TextComponent"
            data-text="true"
          >
            signOutAsync(options)
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-zstkv9-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                options
              </strong>
            </td>
            <td
              class="css-zstkv9-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <a
                  class="css-1na8e0o-A"
                  href="#appleauthenticationsignoutoptions"
                >
                  AppleAuthenticationSignOutOptions
                </a>
              </code>
            </td>
            <td
              class="css-zstkv9-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                An
                <a
                  class="css-1na8e0o-A"
                  href="#appleauthenticationsignoutoptions"
                >
                  <code
                    class="css-23wgco-TextComponent"
                    data-text="true"
                  >
                    AppleAuthenticationSignOutOptions
                  </code>
                </a>
                 object
              </p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <br />
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      An operation that ends the authenticated session.
Calling this method will show the sign in modal before actually signing the user out.
    </p>


    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      It is not recommended to use this method to sign out the user as it works counterintuitively.
Instead of using this method it is recommended to simply clear all the user's data collected
from using
      <a
        class="css-1na8e0o-A"
        href="./#signinasync"
      >
        <code
          class="css-23wgco-TextComponent"
          data-text="true"
        >
          signInAsync
        </code>
      </a>
       or
      <a
        class="css-1na8e0o-A"
        href="./#refreshasync"
      >
        <code
          class="css-23wgco-TextComponent"
          data-text="true"
        >
          refreshAsync
        </code>
      </a>
       methods.
    </p>
    <p
      class="css-1eksndl-BoxSectionHeader"
      data-text="true"
    >
      Returns
    </p>
    <ul
      class="!list-none !ml-0 css-118jp6n-TextComponent"
    >
      <li
        class="css-1hxzfrf-TextComponent"
        data-text="true"
      >
        <svg
          class="inline-block icon-sm text-icon-secondary align-middle mr-2"
          fill="none"
          role="img"
          stroke="currentColor"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="corner-down-right"
          >
            <path
              d="M4 4V5.4C4 8.76031 4 10.4405 4.65396 11.7239C5.2292 12.8529 6.14708 13.7708 7.27606 14.346C8.55953 15 10.2397 15 13.6 15H20M20 15L15 10M20 15L15 20"
              id="Icon"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </g>
        </svg>
        <code
          class="css-4xa05b-TextComponent"
          data-text="true"
        >
          <a
            class="css-1na8e0o-A"
            href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
            rel="noopener noreferrer"
            target="_blank"
          >
            Promise
          </a>
          &lt;
          <span>
            <a
              class="css-1na8e0o-A"
              href="#appleauthenticationcredential"
            >
              AppleAuthenticationCredential
            </a>
          </span>
          &gt;
        </code>
      </li>
    </ul>
    <br />
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      A promise that fulfills with an
      <a
        class="css-1na8e0o-A"
        href="#appleauthenticationcredential"
      >
        <code
          class="css-23wgco-TextComponent"
          data-text="true"
        >
          AppleAuthenticationCredential
        </code>
      </a>

object after a successful authentication, and rejects with
      <code
        class="css-23wgco-TextComponent"
        data-text="true"
      >
        ERR_REQUEST_CANCELED
      </code>
       if the user cancels the
sign-out operation.
    </p>
  </div>
  <h2
    class="  css-10bv6vo-TextComponent"
    data-heading="true"
  >
    <a
      class="css-1y48vg3"
      href="#event-subscriptions"
    >
      <span
        class="css-s3qkfm"
        id="event-subscriptions"
      />
      <span
        class="css-6n7j50"
      >
        Event Subscriptions
      </span>
      <span
        class="css-1n7zw4g"
      >
        <svg
          aria-label="permalink"
          class="anchor-icon"
          fill="none"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
          <path
            d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
        </svg>
      </span>
    </a>
  </h2>
  <div
    class="css-11xr3cd"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#addrevokelistenerlistener"
      >
        <span
          class="css-s3qkfm"
          id="addrevokelistenerlistener"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-s0csg4-TextComponent"
            data-text="true"
          >
            addRevokeListener(listener)
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-zstkv9-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                listener
              </strong>
            </td>
            <td
              class="css-zstkv9-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                () =&gt;

                void
              </code>
            </td>
            <td
              class="css-zstkv9-Cell"
            >
              -
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <br />
    <p
      class="css-1eksndl-BoxSectionHeader"
      data-text="true"
    >
      Returns
    </p>
    <ul
      class="!list-none !ml-0 css-118jp6n-TextComponent"
    >
      <li
        class="css-1hxzfrf-TextComponent"
        data-text="true"
      >
        <svg
          class="inline-block icon-sm text-icon-secondary align-middle mr-2"
          fill="none"
          role="img"
          stroke="currentColor"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="corner-down-right"
          >
            <path
              d="M4 4V5.4C4 8.76031 4 10.4405 4.65396 11.7239C5.2292 12.8529 6.14708 13.7708 7.27606 14.346C8.55953 15 10.2397 15 13.6 15H20M20 15L15 10M20 15L15 20"
              id="Icon"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </g>
        </svg>
        <code
          class="css-4xa05b-TextComponent"
          data-text="true"
        >
          <a
            class="css-1na8e0o-A"
            href="#subscription"
          >
            Subscription
          </a>
        </code>
      </li>
    </ul>
    <br />
  </div>
  <h2
    class="  css-10bv6vo-TextComponent"
    data-heading="true"
  >
    <a
      class="css-1y48vg3"
      href="#types"
    >
      <span
        class="css-s3qkfm"
        id="types"
      />
      <span
        class="css-6n7j50"
      >
        Types
      </span>
      <span
        class="css-1n7zw4g"
      >
        <svg
          aria-label="permalink"
          class="anchor-icon"
          fill="none"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
          <path
            d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
        </svg>
      </span>
    </a>
  </h2>
  <div
    class="css-1fultt1"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#appleauthenticationcredential"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationcredential"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            AppleAuthenticationCredential
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      The object type returned from a successful call to
      <a
        class="css-1na8e0o-A"
        href="#appleauthenticationsigninasyncoptions"
      >
        <code
          class="css-23wgco-TextComponent"
          data-text="true"
        >
          AppleAuthentication.signInAsync()
        </code>
      </a>
      ,

      <a
        class="css-1na8e0o-A"
        href="#appleauthenticationrefreshasyncoptions"
      >
        <code
          class="css-23wgco-TextComponent"
          data-text="true"
        >
          AppleAuthentication.refreshAsync()
        </code>
      </a>
      , or
      <a
        class="css-1na8e0o-A"
        href="#appleauthenticationsignoutasyncoptions"
      >
        <code
          class="css-23wgco-TextComponent"
          data-text="true"
        >
          AppleAuthentication.signOutAsync()
        </code>
      </a>

which contains all of the pertinent user and credential information.
    </p>
    <blockquote
      class="css-zknray-Callout"
      data-testid="callout-container"
    >
      <div
        class="css-7jywx8-Callout"
      >
        <svg
          class="icon-sm text-icon-default"
          fill="currentColor"
          role="img"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="info-circle"
          >
            <path
              clip-rule="evenodd"
              d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9H12.01C12.5623 9 13.01 8.55228 13.01 8C13.01 7.44772 12.5623 7 12.01 7H12ZM13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V12Z"
              fill-rule="evenodd"
              id="Solid"
            />
          </g>
        </svg>
      </div>
      <div
        class="css-1m74yfi-Callout"
      >
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          <strong
            class="css-bvflvn-TextComponent"
          >
            See:
          </strong>

          <a
            class="css-1na8e0o-A"
            href="https://developer.apple.com/documentation/authenticationservices/asauthorizationappleidcredential"
            rel="noopener noreferrer"
            target="_blank"
          >
            Apple
Documentation
          </a>

for more details.
        </p>
      </div>
    </blockquote>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                authorizationCode
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <span>
                  string
                   |
                </span>
                <span>
                  null
                </span>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                A short-lived session token used by your app for proof of authorization when interacting with
the app's server counterpart. Unlike
                <code
                  class="css-23wgco-TextComponent"
                  data-text="true"
                >
                  user
                </code>
                , this is ephemeral and will change each session.
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                email
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <span>
                  string
                   |
                </span>
                <span>
                  null
                </span>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                The user's email address. Might not be present if you didn't request the
                <code
                  class="css-23wgco-TextComponent"
                  data-text="true"
                >
                  EMAIL
                </code>
                 scope. May
also be null if this is not the first time the user has signed into your app. If the user chose
to withhold their email address, this field will instead contain an obscured email address with
an Apple domain.
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                fullName
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <span>
                  <a
                    class="css-1na8e0o-A"
                    href="#appleauthenticationfullname"
                  >
                    AppleAuthenticationFullName
                  </a>
                   |
                </span>
                <span>
                  null
                </span>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                The user's name. May be
                <code
                  class="css-23wgco-TextComponent"
                  data-text="true"
                >
                  null
                </code>
                 or contain
                <code
                  class="css-23wgco-TextComponent"
                  data-text="true"
                >
                  null
                </code>
                 values if you didn't request the
                <code
                  class="css-23wgco-TextComponent"
                  data-text="true"
                >
                  FULL_NAME
                </code>

scope, if the user denied access, or if this is not the first time the user has signed into
your app.
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                identityToken
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <span>
                  string
                   |
                </span>
                <span>
                  null
                </span>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                A JSON Web Token (JWT) that securely communicates information about the user to your app.
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                realUserStatus
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <a
                  class="css-1na8e0o-A"
                  href="#appleauthenticationuserdetectionstatus"
                >
                  AppleAuthenticationUserDetectionStatus
                </a>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                A value that indicates whether the user appears to the system to be a real person.
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                state
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <span>
                  string
                   |
                </span>
                <span>
                  null
                </span>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                An arbitrary string that your app provided as
                <code
                  class="css-23wgco-TextComponent"
                  data-text="true"
                >
                  state
                </code>
                 in the request that generated the
credential. Used to verify that the response was from the request you made. Can be used to
avoid replay attacks. If you did not provide
                <code
                  class="css-23wgco-TextComponent"
                  data-text="true"
                >
                  state
                </code>
                 when making the sign-in request, this field
will be
                <code
                  class="css-23wgco-TextComponent"
                  data-text="true"
                >
                  null
                </code>
                .
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                user
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                string
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                An identifier associated with the authenticated user. You can use this to check if the user is
still authenticated later. This is stable and can be shared across apps released under the same
development team. The same user will have a different identifier for apps released by other
developers.
              </p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-1fultt1"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#appleauthenticationfullname"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationfullname"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            AppleAuthenticationFullName
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      An object representing the tokenized portions of the user's full name. Any of all of the fields
may be
      <code
        class="css-23wgco-TextComponent"
        data-text="true"
      >
        null
      </code>
      . Only applicable fields that the user has allowed your app to access will be nonnull.
    </p>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                familyName
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <span>
                  string
                   |
                </span>
                <span>
                  null
                </span>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              -
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                givenName
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <span>
                  string
                   |
                </span>
                <span>
                  null
                </span>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              -
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                middleName
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <span>
                  string
                   |
                </span>
                <span>
                  null
                </span>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              -
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                namePrefix
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <span>
                  string
                   |
                </span>
                <span>
                  null
                </span>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              -
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                nameSuffix
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <span>
                  string
                   |
                </span>
                <span>
                  null
                </span>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              -
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                nickname
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <span>
                  string
                   |
                </span>
                <span>
                  null
                </span>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              -
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-1fultt1"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#appleauthenticationrefreshoptions"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationrefreshoptions"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            AppleAuthenticationRefreshOptions
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      The options you can supply when making a call to
      <a
        class="css-1na8e0o-A"
        href="#appleauthenticationrefreshasyncoptions"
      >
        <code
          class="css-23wgco-TextComponent"
          data-text="true"
        >
          AppleAuthentication.refreshAsync()
        </code>
      </a>
      .
You must include the ID string of the user whose credentials you'd like to refresh.
    </p>
    <blockquote
      class="css-zknray-Callout"
      data-testid="callout-container"
    >
      <div
        class="css-7jywx8-Callout"
      >
        <svg
          class="icon-sm text-icon-default"
          fill="currentColor"
          role="img"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="info-circle"
          >
            <path
              clip-rule="evenodd"
              d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9H12.01C12.5623 9 13.01 8.55228 13.01 8C13.01 7.44772 12.5623 7 12.01 7H12ZM13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V12Z"
              fill-rule="evenodd"
              id="Solid"
            />
          </g>
        </svg>
      </div>
      <div
        class="css-1m74yfi-Callout"
      >
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          <strong
            class="css-bvflvn-TextComponent"
          >
            See:
          </strong>

          <a
            class="css-1na8e0o-A"
            href="https://developer.apple.com/documentation/authenticationservices/asauthorizationopenidrequest"
            rel="noopener noreferrer"
            target="_blank"
          >
            Apple
Documentation
          </a>

for more details.
        </p>
      </div>
    </blockquote>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                requestedScopes
              </strong>
              <br />
              <span
                class="css-1g95u6x"
              >
                (optional)
              </span>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <a
                  class="css-1na8e0o-A"
                  href="#appleauthenticationscope"
                >
                  AppleAuthenticationScope
                  []
                </a>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                Array of user information scopes to which your app is requesting access. Note that the user can
choose to deny your app access to any scope at the time of logging in. You will still need to
handle
                <code
                  class="css-23wgco-TextComponent"
                  data-text="true"
                >
                  null
                </code>
                 values for any scopes you request. Additionally, note that the requested scopes
will only be provided to you the first time each user signs into your app; in subsequent
requests they will be
                <code
                  class="css-23wgco-TextComponent"
                  data-text="true"
                >
                  null
                </code>
                . Defaults to
                <code
                  class="css-23wgco-TextComponent"
                  data-text="true"
                >
                  []
                </code>
                 (no scopes).
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                state
              </strong>
              <br />
              <span
                class="css-1g95u6x"
              >
                (optional)
              </span>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                string
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                An arbitrary string that is returned unmodified in the corresponding credential after a
successful authentication. This can be used to verify that the response was from the request
you made and avoid replay attacks. More information on this property is available in the
OAuth 2.0 protocol
                <a
                  class="css-1na8e0o-A"
                  href="https://tools.ietf.org/html/rfc6749#section-10.12"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  RFC6749
                </a>
                .
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                user
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                string
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              -
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-1fultt1"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#appleauthenticationsigninoptions"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationsigninoptions"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            AppleAuthenticationSignInOptions
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      The options you can supply when making a call to
      <a
        class="css-1na8e0o-A"
        href="#appleauthenticationsigninasyncoptions"
      >
        <code
          class="css-23wgco-TextComponent"
          data-text="true"
        >
          AppleAuthentication.signInAsync()
        </code>
      </a>
      .
None of these options are required.
    </p>
    <blockquote
      class="css-zknray-Callout"
      data-testid="callout-container"
    >
      <div
        class="css-7jywx8-Callout"
      >
        <svg
          class="icon-sm text-icon-default"
          fill="currentColor"
          role="img"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="info-circle"
          >
            <path
              clip-rule="evenodd"
              d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9H12.01C12.5623 9 13.01 8.55228 13.01 8C13.01 7.44772 12.5623 7 12.01 7H12ZM13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V12Z"
              fill-rule="evenodd"
              id="Solid"
            />
          </g>
        </svg>
      </div>
      <div
        class="css-1m74yfi-Callout"
      >
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          <strong
            class="css-bvflvn-TextComponent"
          >
            See:
          </strong>

          <a
            class="css-1na8e0o-A"
            href="https://developer.apple.com/documentation/authenticationservices/asauthorizationopenidrequest"
            rel="noopener noreferrer"
            target="_blank"
          >
            Apple
Documentation
          </a>

for more details.
        </p>
      </div>
    </blockquote>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                nonce
              </strong>
              <br />
              <span
                class="css-1g95u6x"
              >
                (optional)
              </span>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                string
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                An arbitrary string that is used to prevent replay attacks. See more information on this in the

                <a
                  class="css-1na8e0o-A"
                  href="https://openid.net/specs/openid-connect-core-1_0.html#CodeFlowSteps"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  OpenID Connect specification
                </a>
                .
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                requestedScopes
              </strong>
              <br />
              <span
                class="css-1g95u6x"
              >
                (optional)
              </span>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <a
                  class="css-1na8e0o-A"
                  href="#appleauthenticationscope"
                >
                  AppleAuthenticationScope
                  []
                </a>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                Array of user information scopes to which your app is requesting access. Note that the user can
choose to deny your app access to any scope at the time of logging in. You will still need to
handle
                <code
                  class="css-23wgco-TextComponent"
                  data-text="true"
                >
                  null
                </code>
                 values for any scopes you request. Additionally, note that the requested scopes
will only be provided to you the first time each user signs into your app; in subsequent
requests they will be
                <code
                  class="css-23wgco-TextComponent"
                  data-text="true"
                >
                  null
                </code>
                . Defaults to
                <code
                  class="css-23wgco-TextComponent"
                  data-text="true"
                >
                  []
                </code>
                 (no scopes).
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                state
              </strong>
              <br />
              <span
                class="css-1g95u6x"
              >
                (optional)
              </span>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                string
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                An arbitrary string that is returned unmodified in the corresponding credential after a
successful authentication. This can be used to verify that the response was from the request
you made and avoid replay attacks. More information on this property is available in the
OAuth 2.0 protocol
                <a
                  class="css-1na8e0o-A"
                  href="https://tools.ietf.org/html/rfc6749#section-10.12"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  RFC6749
                </a>
                .
              </p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-1fultt1"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#appleauthenticationsignoutoptions"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationsignoutoptions"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            AppleAuthenticationSignOutOptions
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      The options you can supply when making a call to
      <a
        class="css-1na8e0o-A"
        href="#appleauthenticationsignoutasyncoptions"
      >
        <code
          class="css-23wgco-TextComponent"
          data-text="true"
        >
          AppleAuthentication.signOutAsync()
        </code>
      </a>
      .
You must include the ID string of the user to sign out.
    </p>
    <blockquote
      class="css-zknray-Callout"
      data-testid="callout-container"
    >
      <div
        class="css-7jywx8-Callout"
      >
        <svg
          class="icon-sm text-icon-default"
          fill="currentColor"
          role="img"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="info-circle"
          >
            <path
              clip-rule="evenodd"
              d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9H12.01C12.5623 9 13.01 8.55228 13.01 8C13.01 7.44772 12.5623 7 12.01 7H12ZM13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V12Z"
              fill-rule="evenodd"
              id="Solid"
            />
          </g>
        </svg>
      </div>
      <div
        class="css-1m74yfi-Callout"
      >
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          <strong
            class="css-bvflvn-TextComponent"
          >
            See:
          </strong>

          <a
            class="css-1na8e0o-A"
            href="https://developer.apple.com/documentation/authenticationservices/asauthorizationopenidrequest"
            rel="noopener noreferrer"
            target="_blank"
          >
            Apple
Documentation
          </a>

for more details.
        </p>
      </div>
    </blockquote>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                state
              </strong>
              <br />
              <span
                class="css-1g95u6x"
              >
                (optional)
              </span>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                string
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                An arbitrary string that is returned unmodified in the corresponding credential after a
successful authentication. This can be used to verify that the response was from the request
you made and avoid replay attacks. More information on this property is available in the
OAuth 2.0 protocol
                <a
                  class="css-1na8e0o-A"
                  href="https://tools.ietf.org/html/rfc6749#section-10.12"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  RFC6749
                </a>
                .
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                user
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                string
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              -
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-1fultt1"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#subscription"
      >
        <span
          class="css-s3qkfm"
          id="subscription"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            Subscription
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                remove
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                () =&gt;

                void
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              -
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <h2
    class="  css-10bv6vo-TextComponent"
    data-heading="true"
  >
    <a
      class="css-1y48vg3"
      href="#enums"
    >
      <span
        class="css-s3qkfm"
        id="enums"
      />
      <span
        class="css-6n7j50"
      >
        Enums
      </span>
      <span
        class="css-1n7zw4g"
      >
        <svg
          aria-label="permalink"
          class="anchor-icon"
          fill="none"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
          <path
            d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
        </svg>
      </span>
    </a>
  </h2>
  <div
    class="css-1gsbrid"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#appleauthenticationbuttonstyle"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationbuttonstyle"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            AppleAuthenticationButtonStyle
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      An enum whose values control which pre-defined color scheme to use when rendering an
      <a
        class="css-1na8e0o-A"
        href="#appleauthenticationappleauthenticationbutton"
      >
        <code
          class="css-23wgco-TextComponent"
          data-text="true"
        >
          AppleAuthenticationButton
        </code>
      </a>
      .
    </p>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#white"
        >
          <span
            class="css-s3qkfm"
            id="white"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              WHITE
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        AppleAuthenticationButtonStyle.WHITE ＝ 0
      </code>
      <p
        class="mb-4 css-1kfqm4n-TextComponent"
        data-text="true"
      >
        White button with black text.
      </p>
    </div>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#white_outline"
        >
          <span
            class="css-s3qkfm"
            id="white_outline"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              WHITE_OUTLINE
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        AppleAuthenticationButtonStyle.WHITE_OUTLINE ＝ 1
      </code>
      <p
        class="mb-4 css-1kfqm4n-TextComponent"
        data-text="true"
      >
        White button with a black outline and black text.
      </p>
    </div>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#black"
        >
          <span
            class="css-s3qkfm"
            id="black"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              BLACK
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        AppleAuthenticationButtonStyle.BLACK ＝ 2
      </code>
      <p
        class="mb-4 css-1kfqm4n-TextComponent"
        data-text="true"
      >
        Black button with white text.
      </p>
    </div>
  </div>
  <div
    class="css-1gsbrid"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#appleauthenticationbuttontype"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationbuttontype"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            AppleAuthenticationButtonType
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      An enum whose values control which pre-defined text to use when rendering an
      <a
        class="css-1na8e0o-A"
        href="#appleauthenticationappleauthenticationbutton"
      >
        <code
          class="css-23wgco-TextComponent"
          data-text="true"
        >
          AppleAuthenticationButton
        </code>
      </a>
      .
    </p>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#sign_in"
        >
          <span
            class="css-s3qkfm"
            id="sign_in"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              SIGN_IN
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        AppleAuthenticationButtonType.SIGN_IN ＝ 0
      </code>
      <p
        class="mb-4 css-1kfqm4n-TextComponent"
        data-text="true"
      >
        "Sign in with Apple"
      </p>
    </div>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#continue"
        >
          <span
            class="css-s3qkfm"
            id="continue"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              CONTINUE
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        AppleAuthenticationButtonType.CONTINUE ＝ 1
      </code>
      <p
        class="mb-4 css-1kfqm4n-TextComponent"
        data-text="true"
      >
        "Continue with Apple"
      </p>
    </div>
    <div
      class="css-11xr3cd"
    >
      <strong
        class="css-bvflvn-TextComponent"
      >
        Only for:
         
      </strong>
      <div
        class="!bg-palette-blue4 !text-palette-blue12 !border-palette-blue5 css-r2zk2g-PlatformTag"
      >
        <svg
          class="icon-xs text-palette-blue12"
          fill="none"
          role="img"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="apple"
          >
            <path
              d="M20.4478 17.3538C20.1312 18.0852 19.7564 18.7585 19.3222 19.3775C18.7303 20.2214 18.2457 20.8055 17.8722 21.1299C17.2933 21.6623 16.673 21.935 16.0088 21.9505C15.5319 21.9505 14.9568 21.8148 14.2874 21.5395C13.6158 21.2656 12.9986 21.1299 12.4343 21.1299C11.8424 21.1299 11.2076 21.2656 10.5287 21.5395C9.84865 21.8148 9.30085 21.9582 8.88201 21.9724C8.24504 21.9996 7.61014 21.7192 6.9764 21.1299C6.57191 20.7771 6.06598 20.1723 5.45989 19.3155C4.80961 18.4005 4.27499 17.3396 3.85615 16.13C3.4076 14.8235 3.18274 13.5583 3.18274 12.3335C3.18274 10.9304 3.48591 9.72034 4.09316 8.70628C4.5704 7.89174 5.20531 7.24922 5.99994 6.77753C6.79457 6.30584 7.65317 6.06547 8.57781 6.0501C9.08374 6.0501 9.7472 6.20659 10.5717 6.51416C11.3938 6.82276 11.9217 6.97926 12.1532 6.97926C12.3262 6.97926 12.9127 6.79627 13.9068 6.43145C14.847 6.09313 15.6404 5.95304 16.2905 6.00823C18.0519 6.15038 19.3752 6.84473 20.2552 8.09567C18.6799 9.05016 17.9007 10.387 17.9162 12.102C17.9304 13.4379 18.415 14.5495 19.3674 15.4321C19.799 15.8418 20.2811 16.1584 20.8174 16.3833C20.7011 16.7206 20.5783 17.0436 20.4478 17.3538ZM16.4081 1.45728C16.4081 2.50431 16.0256 3.48192 15.2631 4.38678C14.343 5.46249 13.2301 6.08408 12.0232 5.986C12.0078 5.86039 11.9989 5.72819 11.9989 5.58926C11.9989 4.58412 12.4365 3.50841 13.2135 2.62888C13.6015 2.18355 14.0949 1.81327 14.6932 1.51789C15.2902 1.22692 15.855 1.066 16.3861 1.03845C16.4016 1.17842 16.4081 1.3184 16.4081 1.45727V1.45728Z"
              fill="currentColor"
              id="Vector"
            />
          </g>
        </svg>
        <span
          class="css-6g4m4t-PlatformTag"
        >
          iOS 13.2+
        </span>
      </div>
      <br />
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#sign_up"
        >
          <span
            class="css-s3qkfm"
            id="sign_up"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              SIGN_UP
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        AppleAuthenticationButtonType.SIGN_UP ＝ 2
      </code>
      <p
        class="mb-4 css-1kfqm4n-TextComponent"
        data-text="true"
      >
        "Sign up with Apple"
      </p>
    </div>
  </div>
  <div
    class="css-1gsbrid"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#appleauthenticationcredentialstate"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationcredentialstate"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            AppleAuthenticationCredentialState
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      An enum whose values specify state of the credential when checked with
      <a
        class="css-1na8e0o-A"
        href="#appleauthenticationgetcredentialstateasyncuser"
      >
        <code
          class="css-23wgco-TextComponent"
          data-text="true"
        >
          AppleAuthentication.getCredentialStateAsync()
        </code>
      </a>
      .
    </p>
    <blockquote
      class="css-zknray-Callout"
      data-testid="callout-container"
    >
      <div
        class="css-7jywx8-Callout"
      >
        <svg
          class="icon-sm text-icon-default"
          fill="currentColor"
          role="img"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="info-circle"
          >
            <path
              clip-rule="evenodd"
              d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9H12.01C12.5623 9 13.01 8.55228 13.01 8C13.01 7.44772 12.5623 7 12.01 7H12ZM13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V12Z"
              fill-rule="evenodd"
              id="Solid"
            />
          </g>
        </svg>
      </div>
      <div
        class="css-1m74yfi-Callout"
      >
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          <strong
            class="css-bvflvn-TextComponent"
          >
            See:
          </strong>

          <a
            class="css-1na8e0o-A"
            href="https://developer.apple.com/documentation/authenticationservices/asauthorizationappleidprovidercredentialstate"
            rel="noopener noreferrer"
            target="_blank"
          >
            Apple
Documentation
          </a>

for more details.
        </p>
      </div>
    </blockquote>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#revoked"
        >
          <span
            class="css-s3qkfm"
            id="revoked"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              REVOKED
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        AppleAuthenticationCredentialState.REVOKED ＝ 0
      </code>
    </div>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#authorized"
        >
          <span
            class="css-s3qkfm"
            id="authorized"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              AUTHORIZED
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        AppleAuthenticationCredentialState.AUTHORIZED ＝ 1
      </code>
    </div>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#not_found"
        >
          <span
            class="css-s3qkfm"
            id="not_found"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              NOT_FOUND
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        AppleAuthenticationCredentialState.NOT_FOUND ＝ 2
      </code>
    </div>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#transferred"
        >
          <span
            class="css-s3qkfm"
            id="transferred"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              TRANSFERRED
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        AppleAuthenticationCredentialState.TRANSFERRED ＝ 3
      </code>
    </div>
  </div>
  <div
    class="css-1gsbrid"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#appleauthenticationoperation"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationoperation"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            AppleAuthenticationOperation
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#implicit"
        >
          <span
            class="css-s3qkfm"
            id="implicit"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              IMPLICIT
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        AppleAuthenticationOperation.IMPLICIT ＝ 0
      </code>
      <p
        class="mb-4 css-1kfqm4n-TextComponent"
        data-text="true"
      >
        An operation that depends on the particular kind of credential provider.
      </p>
    </div>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#login"
        >
          <span
            class="css-s3qkfm"
            id="login"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              LOGIN
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        AppleAuthenticationOperation.LOGIN ＝ 1
      </code>
    </div>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#refresh"
        >
          <span
            class="css-s3qkfm"
            id="refresh"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              REFRESH
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        AppleAuthenticationOperation.REFRESH ＝ 2
      </code>
    </div>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#logout"
        >
          <span
            class="css-s3qkfm"
            id="logout"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              LOGOUT
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        AppleAuthenticationOperation.LOGOUT ＝ 3
      </code>
    </div>
  </div>
  <div
    class="css-1gsbrid"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#appleauthenticationscope"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationscope"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            AppleAuthenticationScope
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      An enum whose values specify scopes you can request when calling
      <a
        class="css-1na8e0o-A"
        href="#appleauthenticationsigninasyncoptions"
      >
        <code
          class="css-23wgco-TextComponent"
          data-text="true"
        >
          AppleAuthentication.signInAsync()
        </code>
      </a>
      .
    </p>


    <blockquote
      class="css-zknray-Callout"
      data-testid="callout-container"
    >
      <div
        class="css-7jywx8-Callout"
      >
        <svg
          class="icon-sm text-icon-default"
          fill="currentColor"
          role="img"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="info-circle"
          >
            <path
              clip-rule="evenodd"
              d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9H12.01C12.5623 9 13.01 8.55228 13.01 8C13.01 7.44772 12.5623 7 12.01 7H12ZM13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V12Z"
              fill-rule="evenodd"
              id="Solid"
            />
          </g>
        </svg>
      </div>
      <div
        class="css-1m74yfi-Callout"
      >


        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          Note that it is possible that you will not be granted all of the scopes which you request.
You will still need to handle null values for any fields you request.
        </p>


      </div>
    </blockquote>
    <blockquote
      class="css-zknray-Callout"
      data-testid="callout-container"
    >
      <div
        class="css-7jywx8-Callout"
      >
        <svg
          class="icon-sm text-icon-default"
          fill="currentColor"
          role="img"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="info-circle"
          >
            <path
              clip-rule="evenodd"
              d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9H12.01C12.5623 9 13.01 8.55228 13.01 8C13.01 7.44772 12.5623 7 12.01 7H12ZM13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V12Z"
              fill-rule="evenodd"
              id="Solid"
            />
          </g>
        </svg>
      </div>
      <div
        class="css-1m74yfi-Callout"
      >
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          <strong
            class="css-bvflvn-TextComponent"
          >
            See:
          </strong>

          <a
            class="css-1na8e0o-A"
            href="https://developer.apple.com/documentation/authenticationservices/asauthorizationscope"
            rel="noopener noreferrer"
            target="_blank"
          >
            Apple
Documentation
          </a>

for more details.
        </p>
      </div>
    </blockquote>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#full_name"
        >
          <span
            class="css-s3qkfm"
            id="full_name"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              FULL_NAME
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        AppleAuthenticationScope.FULL_NAME ＝ 0
      </code>
    </div>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#email"
        >
          <span
            class="css-s3qkfm"
            id="email"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              EMAIL
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        AppleAuthenticationScope.EMAIL ＝ 1
      </code>
    </div>
  </div>
  <div
    class="css-1gsbrid"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#appleauthenticationuserdetectionstatus"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationuserdetectionstatus"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            AppleAuthenticationUserDetectionStatus
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      An enum whose values specify the system's best guess for how likely the current user is a real person.
    </p>
    <blockquote
      class="css-zknray-Callout"
      data-testid="callout-container"
    >
      <div
        class="css-7jywx8-Callout"
      >
        <svg
          class="icon-sm text-icon-default"
          fill="currentColor"
          role="img"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="info-circle"
          >
            <path
              clip-rule="evenodd"
              d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9H12.01C12.5623 9 13.01 8.55228 13.01 8C13.01 7.44772 12.5623 7 12.01 7H12ZM13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V12Z"
              fill-rule="evenodd"
              id="Solid"
            />
          </g>
        </svg>
      </div>
      <div
        class="css-1m74yfi-Callout"
      >
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          <strong
            class="css-bvflvn-TextComponent"
          >
            See:
          </strong>

          <a
            class="css-1na8e0o-A"
            href="https://developer.apple.com/documentation/authenticationservices/asuserdetectionstatus"
            rel="noopener noreferrer"
            target="_blank"
          >
            Apple
Documentation
          </a>

for more details.
        </p>
      </div>
    </blockquote>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#unsupported"
        >
          <span
            class="css-s3qkfm"
            id="unsupported"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              UNSUPPORTED
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        AppleAuthenticationUserDetectionStatus.UNSUPPORTED ＝ 0
      </code>
      <p
        class="mb-4 css-1kfqm4n-TextComponent"
        data-text="true"
      >
        The system does not support this determination and there is no data.
      </p>
    </div>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#unknown"
        >
          <span
            class="css-s3qkfm"
            id="unknown"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              UNKNOWN
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        AppleAuthenticationUserDetectionStatus.UNKNOWN ＝ 1
      </code>
      <p
        class="mb-4 css-1kfqm4n-TextComponent"
        data-text="true"
      >
        The system has not determined whether the user might be a real person.
      </p>
    </div>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#likely_real"
        >
          <span
            class="css-s3qkfm"
            id="likely_real"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              LIKELY_REAL
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        AppleAuthenticationUserDetectionStatus.LIKELY_REAL ＝ 2
      </code>
      <p
        class="mb-4 css-1kfqm4n-TextComponent"
        data-text="true"
      >
        The user appears to be a real person.
      </p>
    </div>
  </div>
</div>
`;

exports[`APISection expo-barcode-scanner 1`] = `
<div>
  <h2
    class="  css-10bv6vo-TextComponent"
    data-heading="true"
  >
    <a
      class="css-1y48vg3"
      href="#component"
    >
      <span
        class="css-s3qkfm"
        id="component"
      />
      <span
        class="css-6n7j50"
      >
        Component
      </span>
      <span
        class="css-1n7zw4g"
      >
        <svg
          aria-label="permalink"
          class="anchor-icon"
          fill="none"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
          <path
            d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
        </svg>
      </span>
    </a>
  </h2>
  <div
    class="css-1fultt1"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#barcodescanner"
      >
        <span
          class="css-s3qkfm"
          id="barcodescanner"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            BarCodeScanner
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      <strong
        class="css-bvflvn-TextComponent"
      >
        Type:
      </strong>

      <code
        class="css-4xa05b-TextComponent"
        data-text="true"
      >
        React.
        Component
        &lt;
        <span>
          <a
            class="css-1na8e0o-A"
            href="#barcodescannerprops"
          >
            BarCodeScannerProps
          </a>
        </span>
        &gt;
      </code>
    </p>
    <h2
      class="  css-10bv6vo-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#props"
      >
        <span
          class="css-s3qkfm"
          id="props"
        />
        <span
          class="css-6n7j50"
        >
          Props
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h2>
    <div>
      <div
        class="css-11xr3cd"
      >
        <h3
          class="  css-bbneh1-TextComponent"
          data-heading="true"
        >
          <a
            class="css-1y48vg3"
            href="#barcodetypes"
          >
            <span
              class="css-s3qkfm"
              id="barcodetypes"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="css-s0csg4-TextComponent"
                data-text="true"
              >
                barCodeTypes
              </code>
            </span>
            <span
              class="css-1n7zw4g"
            >
              <svg
                aria-label="permalink"
                class="anchor-icon"
                fill="none"
                height="24"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                  stroke="#9B9B9B"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                />
                <path
                  d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                  stroke="#9B9B9B"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                />
              </svg>
            </span>
          </a>
        </h3>
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          <span
            class="css-1lk0cux"
          >
            Optional • 
          </span>
          <span
            class="css-1lk0cux"
          >
            Type:
          </span>

          <code
            class="css-4xa05b-TextComponent"
            data-text="true"
          >
            string[]
          </code>
        </p>
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          An array of bar code types. Usage:
          <code
            class="css-23wgco-TextComponent"
            data-text="true"
          >
            BarCodeScanner.Constants.BarCodeType.&lt;codeType&gt;
          </code>
           where

          <code
            class="css-23wgco-TextComponent"
            data-text="true"
          >
            codeType
          </code>
           is one of these
          <a
            class="css-1na8e0o-A"
            href="#supported-formats"
          >
            listed above
          </a>
          . Defaults to all supported bar
code types. It is recommended to provide only the bar code formats you expect to scan to
minimize battery usage.
        </p>


        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          For example:
          <code
            class="css-23wgco-TextComponent"
            data-text="true"
          >
            barCodeTypes={[BarCodeScanner.Constants.BarCodeType.qr]}
          </code>
          .
        </p>
      </div>
      <div
        class="css-11xr3cd"
      >
        <h3
          class="  css-bbneh1-TextComponent"
          data-heading="true"
        >
          <a
            class="css-1y48vg3"
            href="#onbarcodescanned"
          >
            <span
              class="css-s3qkfm"
              id="onbarcodescanned"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="css-s0csg4-TextComponent"
                data-text="true"
              >
                onBarCodeScanned
              </code>
            </span>
            <span
              class="css-1n7zw4g"
            >
              <svg
                aria-label="permalink"
                class="anchor-icon"
                fill="none"
                height="24"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                  stroke="#9B9B9B"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                />
                <path
                  d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                  stroke="#9B9B9B"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                />
              </svg>
            </span>
          </a>
        </h3>
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          <span
            class="css-1lk0cux"
          >
            Optional • 
          </span>
          <span
            class="css-1lk0cux"
          >
            Type:
          </span>

          <code
            class="css-4xa05b-TextComponent"
            data-text="true"
          >
            <a
              class="css-1na8e0o-A"
              href="#barcodescannedcallback"
            >
              BarCodeScannedCallback
            </a>
          </code>
        </p>
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          A callback that is invoked when a bar code has been successfully scanned. The callback is
provided with an
          <a
            class="css-1na8e0o-A"
            href="#barcodescannerresult"
          >
            BarCodeScannerResult
          </a>
          .
        </p>


        <blockquote
          class="css-zknray-Callout"
          data-testid="callout-container"
        >
          <div
            class="css-7jywx8-Callout"
          >
            <svg
              class="icon-sm text-icon-default"
              fill="currentColor"
              role="img"
              viewBox="0 0 24 24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <g
                id="info-circle"
              >
                <path
                  clip-rule="evenodd"
                  d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9H12.01C12.5623 9 13.01 8.55228 13.01 8C13.01 7.44772 12.5623 7 12.01 7H12ZM13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V12Z"
                  fill-rule="evenodd"
                  id="Solid"
                />
              </g>
            </svg>
          </div>
          <div
            class="css-1m74yfi-Callout"
          >


            <p
              class="mb-4 css-1kfqm4n-TextComponent"
              data-text="true"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                Note:
              </strong>
               Passing
              <code
                class="css-23wgco-TextComponent"
                data-text="true"
              >
                undefined
              </code>
               to the
              <code
                class="css-23wgco-TextComponent"
                data-text="true"
              >
                onBarCodeScanned
              </code>
               prop will result in no scanning. This
can be used to effectively "pause" the scanner so that it doesn't continually scan even after
data has been retrieved.
            </p>


          </div>
        </blockquote>
      </div>
      <div
        class="css-11xr3cd"
      >
        <h3
          class="  css-bbneh1-TextComponent"
          data-heading="true"
        >
          <a
            class="css-1y48vg3"
            href="#type"
          >
            <span
              class="css-s3qkfm"
              id="type"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="css-s0csg4-TextComponent"
                data-text="true"
              >
                type
              </code>
            </span>
            <span
              class="css-1n7zw4g"
            >
              <svg
                aria-label="permalink"
                class="anchor-icon"
                fill="none"
                height="24"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                  stroke="#9B9B9B"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                />
                <path
                  d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                  stroke="#9B9B9B"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                />
              </svg>
            </span>
          </a>
        </h3>
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          <span
            class="css-1lk0cux"
          >
            Optional • 
          </span>
          <span
            class="css-1lk0cux"
          >
            Type:
          </span>

          <code
            class="css-4xa05b-TextComponent"
            data-text="true"
          >
            <span>
              'front'
               |
            </span>
            <span>
              'back'
               |
            </span>
            <span>
              number
            </span>
          </code>
          <span>
            <span
              class="css-1lk0cux"
            >
               • Default:
            </span>

            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              Type.back
            </code>
          </span>
        </p>
        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          Camera facing. Use one of
          <code
            class="css-23wgco-TextComponent"
            data-text="true"
          >
            BarCodeScanner.Constants.Type
          </code>
          . Use either
          <code
            class="css-23wgco-TextComponent"
            data-text="true"
          >
            Type.front
          </code>
           or
          <code
            class="css-23wgco-TextComponent"
            data-text="true"
          >
            Type.back
          </code>
          .
Same as
          <code
            class="css-23wgco-TextComponent"
            data-text="true"
          >
            Camera.Constants.Type
          </code>
          .
        </p>
      </div>
      <h3
        class="  css-bbneh1-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#inherited-props"
        >
          <span
            class="css-s3qkfm"
            id="inherited-props"
          />
          <span
            class="css-6n7j50"
          >
            Inherited Props
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h3>
      <ul
        class="css-118jp6n-TextComponent"
      >
        <li
          class="css-1hxzfrf-TextComponent"
          data-text="true"
        >
          <code
            class="css-4xa05b-TextComponent"
            data-text="true"
          >
            <a
              class="css-1na8e0o-A"
              href="https://reactnative.dev/docs/view#props"
              rel="noopener noreferrer"
              target="_blank"
            >
              ViewProps
            </a>
          </code>
        </li>
      </ul>
    </div>
  </div>
  <h2
    class="  css-10bv6vo-TextComponent"
    data-heading="true"
  >
    <a
      class="css-1y48vg3"
      href="#hooks"
    >
      <span
        class="css-s3qkfm"
        id="hooks"
      />
      <span
        class="css-6n7j50"
      >
        Hooks
      </span>
      <span
        class="css-1n7zw4g"
      >
        <svg
          aria-label="permalink"
          class="anchor-icon"
          fill="none"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
          <path
            d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
        </svg>
      </span>
    </a>
  </h2>
  <div
    class="css-11xr3cd"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#usepermissionsoptions"
      >
        <span
          class="css-s3qkfm"
          id="usepermissionsoptions"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-s0csg4-TextComponent"
            data-text="true"
          >
            usePermissions(options)
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-zstkv9-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                options
              </strong>
              <br />
              <span
                class="css-1g95u6x"
              >
                (optional)
              </span>
            </td>
            <td
              class="css-zstkv9-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <a
                  class="css-1na8e0o-A"
                  href="#permissionhookoptions"
                >
                  PermissionHookOptions
                </a>
                &lt;
                <span>
                  object
                </span>
                &gt;
              </code>
            </td>
            <td
              class="css-zstkv9-Cell"
            >
              -
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <br />
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Check or request permissions for the barcode scanner.
This uses both
      <code
        class="css-23wgco-TextComponent"
        data-text="true"
      >
        requestPermissionAsync
      </code>
       and
      <code
        class="css-23wgco-TextComponent"
        data-text="true"
      >
        getPermissionsAsync
      </code>
       to interact with the permissions.
    </p>
    <p
      class="css-1eksndl-BoxSectionHeader"
      data-text="true"
    >
      Example
    </p>
    <pre>
      <pre
        class="css-1tmj8fm"
        data-text="true"
      >
        <code
          class="css-1r5zesl"
        >
          <span
            class="token keyword"
          >
            const
          </span>

          <span
            class="token punctuation"
          >
            [
          </span>
          permissionResponse
          <span
            class="token punctuation"
          >
            ,
          </span>
           requestPermission
          <span
            class="token punctuation"
          >
            ]
          </span>

          <span
            class="token operator"
          >
            =
          </span>

          <span
            class="token maybe-class-name"
          >
            BarCodeScanner
          </span>
          <span
            class="token punctuation"
          >
            .
          </span>
          <span
            class="token method function property-access"
          >
            usePermissions
          </span>
          <span
            class="token punctuation"
          >
            (
          </span>
          <span
            class="token punctuation"
          >
            )
          </span>
          <span
            class="token punctuation"
          >
            ;
          </span>


        </code>
      </pre>
    </pre>
    <p
      class="css-1eksndl-BoxSectionHeader"
      data-text="true"
    >
      Returns
    </p>
    <ul
      class="!list-none !ml-0 css-118jp6n-TextComponent"
    >
      <li
        class="css-1hxzfrf-TextComponent"
        data-text="true"
      >
        <svg
          class="inline-block icon-sm text-icon-secondary align-middle mr-2"
          fill="none"
          role="img"
          stroke="currentColor"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="corner-down-right"
          >
            <path
              d="M4 4V5.4C4 8.76031 4 10.4405 4.65396 11.7239C5.2292 12.8529 6.14708 13.7708 7.27606 14.346C8.55953 15 10.2397 15 13.6 15H20M20 15L15 10M20 15L15 20"
              id="Icon"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </g>
        </svg>
        <code
          class="css-4xa05b-TextComponent"
          data-text="true"
        >
          [
          <span>
            <span>
              null
               |
            </span>
            <span>
              <a
                class="css-1na8e0o-A"
                href="#permissionresponse"
              >
                PermissionResponse
              </a>
            </span>
            ,
          </span>
          <span>
            RequestPermissionMethod
            &lt;
            <span>
              <a
                class="css-1na8e0o-A"
                href="#permissionresponse"
              >
                PermissionResponse
              </a>
            </span>
            &gt;
            ,
          </span>
          <span>
            GetPermissionMethod
            &lt;
            <span>
              <a
                class="css-1na8e0o-A"
                href="#permissionresponse"
              >
                PermissionResponse
              </a>
            </span>
            &gt;
          </span>
          ]
        </code>
      </li>
    </ul>
    <br />
  </div>
  <h2
    class="  css-10bv6vo-TextComponent"
    data-heading="true"
  >
    <a
      class="css-1y48vg3"
      href="#methods"
    >
      <span
        class="css-s3qkfm"
        id="methods"
      />
      <span
        class="css-6n7j50"
      >
        Methods
      </span>
      <span
        class="css-1n7zw4g"
      >
        <svg
          aria-label="permalink"
          class="anchor-icon"
          fill="none"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
          <path
            d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
        </svg>
      </span>
    </a>
  </h2>
  <div
    class="css-11xr3cd"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#barcodescannergetpermissionsasync"
      >
        <span
          class="css-s3qkfm"
          id="barcodescannergetpermissionsasync"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-s0csg4-TextComponent"
            data-text="true"
          >
            BarCodeScanner.getPermissionsAsync()
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Checks user's permissions for accessing the camera.
    </p>
    <p
      class="css-1eksndl-BoxSectionHeader"
      data-text="true"
    >
      Returns
    </p>
    <ul
      class="!list-none !ml-0 css-118jp6n-TextComponent"
    >
      <li
        class="css-1hxzfrf-TextComponent"
        data-text="true"
      >
        <svg
          class="inline-block icon-sm text-icon-secondary align-middle mr-2"
          fill="none"
          role="img"
          stroke="currentColor"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="corner-down-right"
          >
            <path
              d="M4 4V5.4C4 8.76031 4 10.4405 4.65396 11.7239C5.2292 12.8529 6.14708 13.7708 7.27606 14.346C8.55953 15 10.2397 15 13.6 15H20M20 15L15 10M20 15L15 20"
              id="Icon"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </g>
        </svg>
        <code
          class="css-4xa05b-TextComponent"
          data-text="true"
        >
          <a
            class="css-1na8e0o-A"
            href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
            rel="noopener noreferrer"
            target="_blank"
          >
            Promise
          </a>
          &lt;
          <span>
            <a
              class="css-1na8e0o-A"
              href="#permissionresponse"
            >
              PermissionResponse
            </a>
          </span>
          &gt;
        </code>
      </li>
    </ul>
    <br />
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Return a promise that fulfills to an object of type
      <a
        class="css-1na8e0o-A"
        href="#permissionresponse"
      >
        <code
          class="css-23wgco-TextComponent"
          data-text="true"
        >
          PermissionResponse
        </code>
      </a>
      .
    </p>
  </div>
  <div
    class="css-11xr3cd"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#barcodescannerrequestpermissionsasync"
      >
        <span
          class="css-s3qkfm"
          id="barcodescannerrequestpermissionsasync"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-s0csg4-TextComponent"
            data-text="true"
          >
            BarCodeScanner.requestPermissionsAsync()
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Asks the user to grant permissions for accessing the camera.
    </p>


    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      On iOS this will require apps to specify the
      <code
        class="css-23wgco-TextComponent"
        data-text="true"
      >
        NSCameraUsageDescription
      </code>
       entry in the
      <code
        class="css-23wgco-TextComponent"
        data-text="true"
      >
        Info.plist
      </code>
      .
    </p>
    <p
      class="css-1eksndl-BoxSectionHeader"
      data-text="true"
    >
      Returns
    </p>
    <ul
      class="!list-none !ml-0 css-118jp6n-TextComponent"
    >
      <li
        class="css-1hxzfrf-TextComponent"
        data-text="true"
      >
        <svg
          class="inline-block icon-sm text-icon-secondary align-middle mr-2"
          fill="none"
          role="img"
          stroke="currentColor"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="corner-down-right"
          >
            <path
              d="M4 4V5.4C4 8.76031 4 10.4405 4.65396 11.7239C5.2292 12.8529 6.14708 13.7708 7.27606 14.346C8.55953 15 10.2397 15 13.6 15H20M20 15L15 10M20 15L15 20"
              id="Icon"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </g>
        </svg>
        <code
          class="css-4xa05b-TextComponent"
          data-text="true"
        >
          <a
            class="css-1na8e0o-A"
            href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
            rel="noopener noreferrer"
            target="_blank"
          >
            Promise
          </a>
          &lt;
          <span>
            <a
              class="css-1na8e0o-A"
              href="#permissionresponse"
            >
              PermissionResponse
            </a>
          </span>
          &gt;
        </code>
      </li>
    </ul>
    <br />
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Return a promise that fulfills to an object of type
      <a
        class="css-1na8e0o-A"
        href="#permissionresponse"
      >
        <code
          class="css-23wgco-TextComponent"
          data-text="true"
        >
          PermissionResponse
        </code>
      </a>
      .
    </p>
  </div>
  <div
    class="css-11xr3cd"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#barcodescannerscanfromurlasyncurl-barcodetypes"
      >
        <span
          class="css-s3qkfm"
          id="barcodescannerscanfromurlasyncurl-barcodetypes"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-s0csg4-TextComponent"
            data-text="true"
          >
            BarCodeScanner.scanFromURLAsync(url, barCodeTypes)
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-zstkv9-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                url
              </strong>
            </td>
            <td
              class="css-zstkv9-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                string
              </code>
            </td>
            <td
              class="css-zstkv9-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                URL to get the image from.
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-zstkv9-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                barCodeTypes
              </strong>
              <br />
              <span
                class="css-1g95u6x"
              >
                (optional)
              </span>
            </td>
            <td
              class="css-zstkv9-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                string[]
              </code>
            </td>
            <td
              class="css-zstkv9-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                An array of bar code types. Defaults to all supported bar code types on
the platform.
              </p>


              <blockquote
                class="css-zknray-Callout"
                data-testid="callout-container"
              >
                <div
                  class="css-7jywx8-Callout"
                >
                  <svg
                    class="icon-sm text-icon-default"
                    fill="currentColor"
                    role="img"
                    viewBox="0 0 24 24"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <g
                      id="info-circle"
                    >
                      <path
                        clip-rule="evenodd"
                        d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9H12.01C12.5623 9 13.01 8.55228 13.01 8C13.01 7.44772 12.5623 7 12.01 7H12ZM13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V12Z"
                        fill-rule="evenodd"
                        id="Solid"
                      />
                    </g>
                  </svg>
                </div>
                <div
                  class="css-1m74yfi-Callout"
                >


                  <p
                    class="mb-4 css-1kfqm4n-TextComponent"
                    data-text="true"
                  >
                    <strong
                      class="css-bvflvn-TextComponent"
                    >
                      Note:
                    </strong>
                     Only QR codes are supported on iOS.
                  </p>


                </div>
              </blockquote>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <br />
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Scan bar codes from the image given by the URL.
    </p>
    <p
      class="css-1eksndl-BoxSectionHeader"
      data-text="true"
    >
      Returns
    </p>
    <ul
      class="!list-none !ml-0 css-118jp6n-TextComponent"
    >
      <li
        class="css-1hxzfrf-TextComponent"
        data-text="true"
      >
        <svg
          class="inline-block icon-sm text-icon-secondary align-middle mr-2"
          fill="none"
          role="img"
          stroke="currentColor"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="corner-down-right"
          >
            <path
              d="M4 4V5.4C4 8.76031 4 10.4405 4.65396 11.7239C5.2292 12.8529 6.14708 13.7708 7.27606 14.346C8.55953 15 10.2397 15 13.6 15H20M20 15L15 10M20 15L15 20"
              id="Icon"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </g>
        </svg>
        <code
          class="css-4xa05b-TextComponent"
          data-text="true"
        >
          <a
            class="css-1na8e0o-A"
            href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
            rel="noopener noreferrer"
            target="_blank"
          >
            Promise
          </a>
          &lt;
          <span>
            <a
              class="css-1na8e0o-A"
              href="#barcodescannerresult"
            >
              BarCodeScannerResult
              []
            </a>
          </span>
          &gt;
        </code>
      </li>
    </ul>
    <br />
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      A possibly empty array of objects of the
      <code
        class="css-23wgco-TextComponent"
        data-text="true"
      >
        BarCodeScannerResult
      </code>
       shape, where the type
refers to the bar code type that was scanned and the data is the information encoded in the bar
code.
    </p>
  </div>
  <h2
    class="  css-10bv6vo-TextComponent"
    data-heading="true"
  >
    <a
      class="css-1y48vg3"
      href="#interfaces"
    >
      <span
        class="css-s3qkfm"
        id="interfaces"
      />
      <span
        class="css-6n7j50"
      >
        Interfaces
      </span>
      <span
        class="css-1n7zw4g"
      >
        <svg
          aria-label="permalink"
          class="anchor-icon"
          fill="none"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
          <path
            d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
        </svg>
      </span>
    </a>
  </h2>
  <div
    class="css-11xr3cd"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#permissionresponse"
      >
        <span
          class="css-s3qkfm"
          id="permissionresponse"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            PermissionResponse
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      An object obtained by permissions get and request functions.
    </p>
    <p
      class="css-1eksndl-BoxSectionHeader"
      data-text="true"
    >
      PermissionResponse Properties
    </p>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                canAskAgain
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                boolean
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                Indicates if user can be asked again for specific permission.
If not, one should be directed to the Settings app
in order to enable/disable the permission.
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                expires
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <a
                  class="css-1na8e0o-A"
                  href="#permissionexpiration"
                >
                  PermissionExpiration
                </a>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                Determines time when the permission expires.
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                granted
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                boolean
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                A convenience boolean that indicates if the permission is granted.
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                status
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <a
                  class="css-1na8e0o-A"
                  href="#permissionstatus"
                >
                  PermissionStatus
                </a>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                Determines the status of the permission.
              </p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <br />
  </div>
  <h2
    class="  css-10bv6vo-TextComponent"
    data-heading="true"
  >
    <a
      class="css-1y48vg3"
      href="#types"
    >
      <span
        class="css-s3qkfm"
        id="types"
      />
      <span
        class="css-6n7j50"
      >
        Types
      </span>
      <span
        class="css-1n7zw4g"
      >
        <svg
          aria-label="permalink"
          class="anchor-icon"
          fill="none"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
          <path
            d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
        </svg>
      </span>
    </a>
  </h2>
  <div
    class="css-1fultt1"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#barcodebounds"
      >
        <span
          class="css-s3qkfm"
          id="barcodebounds"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            BarCodeBounds
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                origin
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <a
                  class="css-1na8e0o-A"
                  href="#barcodepoint"
                >
                  BarCodePoint
                </a>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                The origin point of the bounding box.
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                size
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <a
                  class="css-1na8e0o-A"
                  href="#barcodesize"
                >
                  BarCodeSize
                </a>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                The size of the bounding box.
              </p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-1fultt1"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#barcodeevent"
      >
        <span
          class="css-s3qkfm"
          id="barcodeevent"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            BarCodeEvent
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="css-1kfqm4n-TextComponent"
      data-text="true"
    >
      <code
        class="css-4xa05b-TextComponent"
        data-text="true"
      >
        <a
          class="css-1na8e0o-A"
          href="#barcodescannerresult"
        >
          BarCodeScannerResult
        </a>
      </code>

      extended by:
    </p>
    <br />
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                target
              </strong>
              <br />
              <span
                class="css-1g95u6x"
              >
                (optional)
              </span>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                number
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              -
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-1fultt1"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#barcodeeventcallbackarguments"
      >
        <span
          class="css-s3qkfm"
          id="barcodeeventcallbackarguments"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            BarCodeEventCallbackArguments
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                nativeEvent
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <a
                  class="css-1na8e0o-A"
                  href="#barcodeevent"
                >
                  BarCodeEvent
                </a>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              -
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-1fultt1"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#barcodepoint"
      >
        <span
          class="css-s3qkfm"
          id="barcodepoint"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            BarCodePoint
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Those coordinates are represented in the coordinate space of the barcode source (e.g. when you
are using the barcode scanner view, these values are adjusted to the dimensions of the view).
    </p>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                x
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                number
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                The
                <code
                  class="css-23wgco-TextComponent"
                  data-text="true"
                >
                  x
                </code>
                 coordinate value.
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                y
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                number
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                The
                <code
                  class="css-23wgco-TextComponent"
                  data-text="true"
                >
                  y
                </code>
                 coordinate value.
              </p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-1fultt1"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#barcodescannedcallback"
      >
        <span
          class="css-s3qkfm"
          id="barcodescannedcallback"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            BarCodeScannedCallback
            ()
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <div>
      <div
        class="css-1uyflf8-Table"
      >
        <table
          class="css-q84cm9-Table"
        >
          <thead
            class="bg-subtle border-b border-b-default border-solid"
          >
            <tr
              class="css-190f936-Row"
            >
              <th
                class="css-1uwgm7m-HeaderCell"
              >
                Name
              </th>
              <th
                class="css-1uwgm7m-HeaderCell"
              >
                Type
              </th>
              <th
                class="css-1uwgm7m-HeaderCell"
              >
                Description
              </th>
            </tr>
          </thead>
          <tbody>
            <tr
              class="css-190f936-Row"
            >
              <td
                class="css-zstkv9-Cell"
              >
                <strong
                  class="css-bvflvn-TextComponent"
                >
                  params
                </strong>
              </td>
              <td
                class="css-zstkv9-Cell"
              >
                <code
                  class="css-4xa05b-TextComponent"
                  data-text="true"
                >
                  <a
                    class="css-1na8e0o-A"
                    href="#barcodeevent"
                  >
                    BarCodeEvent
                  </a>
                </code>
              </td>
              <td
                class="css-zstkv9-Cell"
              >
                -
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div
    class="css-1fultt1"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#barcodescannerresult"
      >
        <span
          class="css-s3qkfm"
          id="barcodescannerresult"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            BarCodeScannerResult
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                bounds
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <a
                  class="css-1na8e0o-A"
                  href="#barcodebounds"
                >
                  BarCodeBounds
                </a>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                The
                <a
                  class="css-1na8e0o-A"
                  href="#barcodebounds"
                >
                  BarCodeBounds
                </a>
                 object.

                <code
                  class="css-23wgco-TextComponent"
                  data-text="true"
                >
                  bounds
                </code>
                 in some case will be representing an empty rectangle.
Moreover,
                <code
                  class="css-23wgco-TextComponent"
                  data-text="true"
                >
                  bounds
                </code>
                 doesn't have to bound the whole barcode.
For some types, they will represent the area used by the scanner.
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                cornerPoints
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <a
                  class="css-1na8e0o-A"
                  href="#barcodepoint"
                >
                  BarCodePoint
                  []
                </a>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                Corner points of the bounding box.

                <code
                  class="css-23wgco-TextComponent"
                  data-text="true"
                >
                  cornerPoints
                </code>
                 is not always available and may be empty. On iOS, for
                <code
                  class="css-23wgco-TextComponent"
                  data-text="true"
                >
                  code39
                </code>
                 and
                <code
                  class="css-23wgco-TextComponent"
                  data-text="true"
                >
                  pdf417
                </code>

you don't get this value.
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                data
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                string
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                The information encoded in the bar code.
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                type
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                string
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                The barcode type.
              </p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-1fultt1"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#barcodesize"
      >
        <span
          class="css-s3qkfm"
          id="barcodesize"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            BarCodeSize
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                height
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                number
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                The height value.
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                width
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                number
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                The width value.
              </p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-1fultt1"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#permissionhookoptions"
      >
        <span
          class="css-s3qkfm"
          id="permissionhookoptions"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            PermissionHookOptions
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Acceptable values are:

      <span>
        <code
          class="css-4xa05b-TextComponent"
          data-text="true"
        >
          PermissionHookBehavior
        </code>
        ,
      </span>
      <span>
        <code
          class="css-4xa05b-TextComponent"
          data-text="true"
        >
          Options
        </code>
        .
      </span>
    </p>
  </div>
  <h2
    class="  css-10bv6vo-TextComponent"
    data-heading="true"
  >
    <a
      class="css-1y48vg3"
      href="#enums"
    >
      <span
        class="css-s3qkfm"
        id="enums"
      />
      <span
        class="css-6n7j50"
      >
        Enums
      </span>
      <span
        class="css-1n7zw4g"
      >
        <svg
          aria-label="permalink"
          class="anchor-icon"
          fill="none"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
          <path
            d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
        </svg>
      </span>
    </a>
  </h2>
  <div
    class="css-1gsbrid"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#permissionstatus"
      >
        <span
          class="css-s3qkfm"
          id="permissionstatus"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            PermissionStatus
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#denied"
        >
          <span
            class="css-s3qkfm"
            id="denied"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              DENIED
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        PermissionStatus.DENIED ＝ "denied"
      </code>
      <p
        class="mb-4 css-1kfqm4n-TextComponent"
        data-text="true"
      >
        User has denied the permission.
      </p>
    </div>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#granted"
        >
          <span
            class="css-s3qkfm"
            id="granted"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              GRANTED
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        PermissionStatus.GRANTED ＝ "granted"
      </code>
      <p
        class="mb-4 css-1kfqm4n-TextComponent"
        data-text="true"
      >
        User has granted the permission.
      </p>
    </div>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#undetermined"
        >
          <span
            class="css-s3qkfm"
            id="undetermined"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              UNDETERMINED
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        PermissionStatus.UNDETERMINED ＝ "undetermined"
      </code>
      <p
        class="mb-4 css-1kfqm4n-TextComponent"
        data-text="true"
      >
        User hasn't granted or denied the permission yet.
      </p>
    </div>
  </div>
</div>
`;

exports[`APISection expo-pedometer 1`] = `
<div>
  <h2
    class="  css-10bv6vo-TextComponent"
    data-heading="true"
  >
    <a
      class="css-1y48vg3"
      href="#methods"
    >
      <span
        class="css-s3qkfm"
        id="methods"
      />
      <span
        class="css-6n7j50"
      >
        Methods
      </span>
      <span
        class="css-1n7zw4g"
      >
        <svg
          aria-label="permalink"
          class="anchor-icon"
          fill="none"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
          <path
            d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
        </svg>
      </span>
    </a>
  </h2>
  <div
    class="css-11xr3cd"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#getpermissionsasync"
      >
        <span
          class="css-s3qkfm"
          id="getpermissionsasync"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-s0csg4-TextComponent"
            data-text="true"
          >
            getPermissionsAsync()
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Checks user's permissions for accessing pedometer.
    </p>
    <p
      class="css-1eksndl-BoxSectionHeader"
      data-text="true"
    >
      Returns
    </p>
    <ul
      class="!list-none !ml-0 css-118jp6n-TextComponent"
    >
      <li
        class="css-1hxzfrf-TextComponent"
        data-text="true"
      >
        <svg
          class="inline-block icon-sm text-icon-secondary align-middle mr-2"
          fill="none"
          role="img"
          stroke="currentColor"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="corner-down-right"
          >
            <path
              d="M4 4V5.4C4 8.76031 4 10.4405 4.65396 11.7239C5.2292 12.8529 6.14708 13.7708 7.27606 14.346C8.55953 15 10.2397 15 13.6 15H20M20 15L15 10M20 15L15 20"
              id="Icon"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </g>
        </svg>
        <code
          class="css-4xa05b-TextComponent"
          data-text="true"
        >
          <a
            class="css-1na8e0o-A"
            href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
            rel="noopener noreferrer"
            target="_blank"
          >
            Promise
          </a>
          &lt;
          <span>
            <a
              class="css-1na8e0o-A"
              href="#permissionresponse"
            >
              PermissionResponse
            </a>
          </span>
          &gt;
        </code>
      </li>
    </ul>
    <br />
  </div>
  <div
    class="css-11xr3cd"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#getstepcountasyncstart-end"
      >
        <span
          class="css-s3qkfm"
          id="getstepcountasyncstart-end"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-s0csg4-TextComponent"
            data-text="true"
          >
            getStepCountAsync(start, end)
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-zstkv9-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                start
              </strong>
            </td>
            <td
              class="css-zstkv9-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <a
                  class="css-1na8e0o-A"
                  href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  Date
                </a>
              </code>
            </td>
            <td
              class="css-zstkv9-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                A date indicating the start of the range over which to measure steps.
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-zstkv9-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                end
              </strong>
            </td>
            <td
              class="css-zstkv9-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <a
                  class="css-1na8e0o-A"
                  href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  Date
                </a>
              </code>
            </td>
            <td
              class="css-zstkv9-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                A date indicating the end of the range over which to measure steps.
              </p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <br />
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Get the step count between two dates.
    </p>
    <p
      class="css-1eksndl-BoxSectionHeader"
      data-text="true"
    >
      Returns
    </p>
    <ul
      class="!list-none !ml-0 css-118jp6n-TextComponent"
    >
      <li
        class="css-1hxzfrf-TextComponent"
        data-text="true"
      >
        <svg
          class="inline-block icon-sm text-icon-secondary align-middle mr-2"
          fill="none"
          role="img"
          stroke="currentColor"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="corner-down-right"
          >
            <path
              d="M4 4V5.4C4 8.76031 4 10.4405 4.65396 11.7239C5.2292 12.8529 6.14708 13.7708 7.27606 14.346C8.55953 15 10.2397 15 13.6 15H20M20 15L15 10M20 15L15 20"
              id="Icon"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </g>
        </svg>
        <code
          class="css-4xa05b-TextComponent"
          data-text="true"
        >
          <a
            class="css-1na8e0o-A"
            href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
            rel="noopener noreferrer"
            target="_blank"
          >
            Promise
          </a>
          &lt;
          <span>
            <a
              class="css-1na8e0o-A"
              href="#pedometerresult"
            >
              PedometerResult
            </a>
          </span>
          &gt;
        </code>
      </li>
    </ul>
    <br />
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Returns a promise that fulfills with a
      <a
        class="css-1na8e0o-A"
        href="#pedometerresult"
      >
        <code
          class="css-23wgco-TextComponent"
          data-text="true"
        >
          PedometerResult
        </code>
      </a>
      .
    </p>


    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      As
      <a
        class="css-1na8e0o-A"
        href="https://developer.apple.com/documentation/coremotion/cmpedometer/1613946-querypedometerdatafromdate?language=objc"
        rel="noopener noreferrer"
        target="_blank"
      >
        Apple documentation states
      </a>
      :
    </p>


    <blockquote
      class="css-zknray-Callout"
      data-testid="callout-container"
    >
      <div
        class="css-7jywx8-Callout"
      >
        <svg
          class="icon-sm text-icon-default"
          fill="currentColor"
          role="img"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="info-circle"
          >
            <path
              clip-rule="evenodd"
              d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9H12.01C12.5623 9 13.01 8.55228 13.01 8C13.01 7.44772 12.5623 7 12.01 7H12ZM13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V12Z"
              fill-rule="evenodd"
              id="Solid"
            />
          </g>
        </svg>
      </div>
      <div
        class="css-1m74yfi-Callout"
      >


        <p
          class="mb-4 css-1kfqm4n-TextComponent"
          data-text="true"
        >
          Only the past seven days worth of data is stored and available for you to retrieve. Specifying
a start date that is more than seven days in the past returns only the available data.
        </p>


      </div>
    </blockquote>
  </div>
  <div
    class="css-11xr3cd"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#isavailableasync"
      >
        <span
          class="css-s3qkfm"
          id="isavailableasync"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-s0csg4-TextComponent"
            data-text="true"
          >
            isAvailableAsync()
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Returns whether the pedometer is enabled on the device.
    </p>
    <p
      class="css-1eksndl-BoxSectionHeader"
      data-text="true"
    >
      Returns
    </p>
    <ul
      class="!list-none !ml-0 css-118jp6n-TextComponent"
    >
      <li
        class="css-1hxzfrf-TextComponent"
        data-text="true"
      >
        <svg
          class="inline-block icon-sm text-icon-secondary align-middle mr-2"
          fill="none"
          role="img"
          stroke="currentColor"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="corner-down-right"
          >
            <path
              d="M4 4V5.4C4 8.76031 4 10.4405 4.65396 11.7239C5.2292 12.8529 6.14708 13.7708 7.27606 14.346C8.55953 15 10.2397 15 13.6 15H20M20 15L15 10M20 15L15 20"
              id="Icon"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </g>
        </svg>
        <code
          class="css-4xa05b-TextComponent"
          data-text="true"
        >
          <a
            class="css-1na8e0o-A"
            href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
            rel="noopener noreferrer"
            target="_blank"
          >
            Promise
          </a>
          &lt;
          <span>
            boolean
          </span>
          &gt;
        </code>
      </li>
    </ul>
    <br />
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Returns a promise that fulfills with a
      <code
        class="css-23wgco-TextComponent"
        data-text="true"
      >
        boolean
      </code>
      , indicating whether the pedometer is
available on this device.
    </p>
  </div>
  <div
    class="css-11xr3cd"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#requestpermissionsasync"
      >
        <span
          class="css-s3qkfm"
          id="requestpermissionsasync"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-s0csg4-TextComponent"
            data-text="true"
          >
            requestPermissionsAsync()
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Asks the user to grant permissions for accessing pedometer.
    </p>
    <p
      class="css-1eksndl-BoxSectionHeader"
      data-text="true"
    >
      Returns
    </p>
    <ul
      class="!list-none !ml-0 css-118jp6n-TextComponent"
    >
      <li
        class="css-1hxzfrf-TextComponent"
        data-text="true"
      >
        <svg
          class="inline-block icon-sm text-icon-secondary align-middle mr-2"
          fill="none"
          role="img"
          stroke="currentColor"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="corner-down-right"
          >
            <path
              d="M4 4V5.4C4 8.76031 4 10.4405 4.65396 11.7239C5.2292 12.8529 6.14708 13.7708 7.27606 14.346C8.55953 15 10.2397 15 13.6 15H20M20 15L15 10M20 15L15 20"
              id="Icon"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </g>
        </svg>
        <code
          class="css-4xa05b-TextComponent"
          data-text="true"
        >
          <a
            class="css-1na8e0o-A"
            href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
            rel="noopener noreferrer"
            target="_blank"
          >
            Promise
          </a>
          &lt;
          <span>
            <a
              class="css-1na8e0o-A"
              href="#permissionresponse"
            >
              PermissionResponse
            </a>
          </span>
          &gt;
        </code>
      </li>
    </ul>
    <br />
  </div>
  <div
    class="css-11xr3cd"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#watchstepcountcallback"
      >
        <span
          class="css-s3qkfm"
          id="watchstepcountcallback"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-s0csg4-TextComponent"
            data-text="true"
          >
            watchStepCount(callback)
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-zstkv9-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                callback
              </strong>
            </td>
            <td
              class="css-zstkv9-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <a
                  class="css-1na8e0o-A"
                  href="#pedometerupdatecallback"
                >
                  PedometerUpdateCallback
                </a>
              </code>
            </td>
            <td
              class="css-zstkv9-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                A callback that is invoked when new step count data is available. The callback is
provided with a single argument that is
                <a
                  class="css-1na8e0o-A"
                  href="#pedometerresult"
                >
                  <code
                    class="css-23wgco-TextComponent"
                    data-text="true"
                  >
                    PedometerResult
                  </code>
                </a>
                .
              </p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <br />
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Subscribe to pedometer updates.
    </p>
    <p
      class="css-1eksndl-BoxSectionHeader"
      data-text="true"
    >
      Returns
    </p>
    <ul
      class="!list-none !ml-0 css-118jp6n-TextComponent"
    >
      <li
        class="css-1hxzfrf-TextComponent"
        data-text="true"
      >
        <svg
          class="inline-block icon-sm text-icon-secondary align-middle mr-2"
          fill="none"
          role="img"
          stroke="currentColor"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g
            id="corner-down-right"
          >
            <path
              d="M4 4V5.4C4 8.76031 4 10.4405 4.65396 11.7239C5.2292 12.8529 6.14708 13.7708 7.27606 14.346C8.55953 15 10.2397 15 13.6 15H20M20 15L15 10M20 15L15 20"
              id="Icon"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </g>
        </svg>
        <code
          class="css-4xa05b-TextComponent"
          data-text="true"
        >
          <a
            class="css-1na8e0o-A"
            href="#subscription"
          >
            Subscription
          </a>
        </code>
      </li>
    </ul>
    <br />
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Returns a
      <a
        class="css-1na8e0o-A"
        href="#subscription"
      >
        <code
          class="css-23wgco-TextComponent"
          data-text="true"
        >
          Subscription
        </code>
      </a>
       that enables you to call

      <code
        class="css-23wgco-TextComponent"
        data-text="true"
      >
        remove()
      </code>
       when you would like to unsubscribe the listener.
    </p>
  </div>
  <h2
    class="  css-10bv6vo-TextComponent"
    data-heading="true"
  >
    <a
      class="css-1y48vg3"
      href="#interfaces"
    >
      <span
        class="css-s3qkfm"
        id="interfaces"
      />
      <span
        class="css-6n7j50"
      >
        Interfaces
      </span>
      <span
        class="css-1n7zw4g"
      >
        <svg
          aria-label="permalink"
          class="anchor-icon"
          fill="none"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
          <path
            d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
        </svg>
      </span>
    </a>
  </h2>
  <div
    class="css-11xr3cd"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#permissionresponse"
      >
        <span
          class="css-s3qkfm"
          id="permissionresponse"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            PermissionResponse
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      An object obtained by permissions get and request functions.
    </p>
    <p
      class="css-1eksndl-BoxSectionHeader"
      data-text="true"
    >
      PermissionResponse Properties
    </p>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                canAskAgain
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                boolean
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                Indicates if user can be asked again for specific permission.
If not, one should be directed to the Settings app
in order to enable/disable the permission.
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                expires
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <a
                  class="css-1na8e0o-A"
                  href="#permissionexpiration"
                >
                  PermissionExpiration
                </a>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                Determines time when the permission expires.
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                granted
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                boolean
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                A convenience boolean that indicates if the permission is granted.
              </p>
            </td>
          </tr>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                status
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                <a
                  class="css-1na8e0o-A"
                  href="#permissionstatus"
                >
                  PermissionStatus
                </a>
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                Determines the status of the permission.
              </p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <br />
  </div>
  <h2
    class="  css-10bv6vo-TextComponent"
    data-heading="true"
  >
    <a
      class="css-1y48vg3"
      href="#types"
    >
      <span
        class="css-s3qkfm"
        id="types"
      />
      <span
        class="css-6n7j50"
      >
        Types
      </span>
      <span
        class="css-1n7zw4g"
      >
        <svg
          aria-label="permalink"
          class="anchor-icon"
          fill="none"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
          <path
            d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
        </svg>
      </span>
    </a>
  </h2>
  <div
    class="css-1fultt1"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#pedometerresult"
      >
        <span
          class="css-s3qkfm"
          id="pedometerresult"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            PedometerResult
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                steps
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                number
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <p
                class="mb-4 css-1kfqm4n-TextComponent"
                data-text="true"
              >
                Number of steps taken between the given dates.
              </p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-1fultt1"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#pedometerupdatecallback"
      >
        <span
          class="css-s3qkfm"
          id="pedometerupdatecallback"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            PedometerUpdateCallback
            ()
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <div>
      <p
        class="mb-4 css-1kfqm4n-TextComponent"
        data-text="true"
      >
        Callback function providing event result as an argument.
      </p>
      <div
        class="css-1uyflf8-Table"
      >
        <table
          class="css-q84cm9-Table"
        >
          <thead
            class="bg-subtle border-b border-b-default border-solid"
          >
            <tr
              class="css-190f936-Row"
            >
              <th
                class="css-1uwgm7m-HeaderCell"
              >
                Name
              </th>
              <th
                class="css-1uwgm7m-HeaderCell"
              >
                Type
              </th>
              <th
                class="css-1uwgm7m-HeaderCell"
              >
                Description
              </th>
            </tr>
          </thead>
          <tbody>
            <tr
              class="css-190f936-Row"
            >
              <td
                class="css-zstkv9-Cell"
              >
                <strong
                  class="css-bvflvn-TextComponent"
                >
                  result
                </strong>
              </td>
              <td
                class="css-zstkv9-Cell"
              >
                <code
                  class="css-4xa05b-TextComponent"
                  data-text="true"
                >
                  <a
                    class="css-1na8e0o-A"
                    href="#pedometerresult"
                  >
                    PedometerResult
                  </a>
                </code>
              </td>
              <td
                class="css-zstkv9-Cell"
              >
                -
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div
    class="css-1fultt1"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#permissionexpiration"
      >
        <span
          class="css-s3qkfm"
          id="permissionexpiration"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            PermissionExpiration
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <p
      class="mb-4 css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Permission expiration time. Currently, all permissions are granted permanently.
    </p>
    <p
      class="css-1kfqm4n-TextComponent"
      data-text="true"
    >
      Acceptable values are:

      <span>
        <code
          class="css-4xa05b-TextComponent"
          data-text="true"
        >
          'never'
        </code>
        ,
      </span>
      <span>
        <code
          class="css-4xa05b-TextComponent"
          data-text="true"
        >
          number
        </code>
        .
      </span>
    </p>
  </div>
  <div
    class="css-1fultt1"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#subscription"
      >
        <span
          class="css-s3qkfm"
          id="subscription"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            Subscription
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <div
      class="css-1uyflf8-Table"
    >
      <table
        class="css-q84cm9-Table"
      >
        <thead
          class="bg-subtle border-b border-b-default border-solid"
        >
          <tr
            class="css-190f936-Row"
          >
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1uwgm7m-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-190f936-Row"
          >
            <td
              class="css-18p3734-Cell"
            >
              <strong
                class="css-bvflvn-TextComponent"
              >
                remove
              </strong>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              <code
                class="css-4xa05b-TextComponent"
                data-text="true"
              >
                () =&gt;

                void
              </code>
            </td>
            <td
              class="css-18p3734-Cell"
            >
              -
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <h2
    class="  css-10bv6vo-TextComponent"
    data-heading="true"
  >
    <a
      class="css-1y48vg3"
      href="#enums"
    >
      <span
        class="css-s3qkfm"
        id="enums"
      />
      <span
        class="css-6n7j50"
      >
        Enums
      </span>
      <span
        class="css-1n7zw4g"
      >
        <svg
          aria-label="permalink"
          class="anchor-icon"
          fill="none"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
          <path
            d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
            stroke="#9B9B9B"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
          />
        </svg>
      </span>
    </a>
  </h2>
  <div
    class="css-1gsbrid"
  >
    <h3
      class="  css-bbneh1-TextComponent"
      data-heading="true"
    >
      <a
        class="css-1y48vg3"
        href="#permissionstatus"
      >
        <span
          class="css-s3qkfm"
          id="permissionstatus"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="css-yd3r23-TextComponent"
            data-text="true"
          >
            PermissionStatus
          </code>
        </span>
        <span
          class="css-1n7zw4g"
        >
          <svg
            aria-label="permalink"
            class="anchor-icon"
            fill="none"
            height="24"
            viewBox="0 0 24 24"
            width="24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
            <path
              d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
              stroke="#9B9B9B"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
            />
          </svg>
        </span>
      </a>
    </h3>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#denied"
        >
          <span
            class="css-s3qkfm"
            id="denied"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              DENIED
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        PermissionStatus.DENIED ＝ "denied"
      </code>
      <p
        class="mb-4 css-1kfqm4n-TextComponent"
        data-text="true"
      >
        User has denied the permission.
      </p>
    </div>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#granted"
        >
          <span
            class="css-s3qkfm"
            id="granted"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              GRANTED
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        PermissionStatus.GRANTED ＝ "granted"
      </code>
      <p
        class="mb-4 css-1kfqm4n-TextComponent"
        data-text="true"
      >
        User has granted the permission.
      </p>
    </div>
    <div
      class="css-11xr3cd"
    >
      <h4
        class="  css-1pbwa47-TextComponent"
        data-heading="true"
      >
        <a
          class="css-1y48vg3"
          href="#undetermined"
        >
          <span
            class="css-s3qkfm"
            id="undetermined"
          />
          <span
            class="css-6n7j50"
          >
            <code
              class="css-4xa05b-TextComponent"
              data-text="true"
            >
              UNDETERMINED
            </code>
          </span>
          <span
            class="css-1n7zw4g"
          >
            <svg
              aria-label="permalink"
              class="anchor-icon"
              fill="none"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
              <path
                d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"
                stroke="#9B9B9B"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
              />
            </svg>
          </span>
        </a>
      </h4>
      <code
        class="mb-4 css-172xos-TextComponent"
        data-text="true"
      >
        PermissionStatus.UNDETERMINED ＝ "undetermined"
      </code>
      <p
        class="mb-4 css-1kfqm4n-TextComponent"
        data-text="true"
      >
        User hasn't granted or denied the permission yet.
      </p>
    </div>
  </div>
</div>
`;

exports[`APISection no data 1`] = `
<div>
  <p
    class="css-1kfqm4n-TextComponent"
    data-text="true"
  >
    No API data file found, sorry!
  </p>
</div>
`;