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

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

exports[`APISection expo-apple-authentication 1`] = `
<div>
  <h2
    class="css-1ck3d9a-H2"
    data-heading="true"
  >
    <a
      class="css-ah3byb"
      href="/#component"
    >
      <span
        class="css-s3qkfm"
        id="component"
      />
      <span
        class="css-6n7j50"
      >
        Component
      </span>
      <span
        class="css-1eysgws"
      >
        <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-kyhipd"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#appleauthenticationbutton"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationbutton"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            AppleAuthenticationButton
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-6jxvia-P"
      data-text="true"
    >
      <strong
        class="css-1qx481h-B"
      >
        Type:
      </strong>

      <code
        class="inline css-ov7own-InlineCode"
      >
        React.FC
        &lt;
        <span>
          <a
            class="css-153g748-InternalLink"
            href="/#appleauthenticationbuttonprops"
          >
            AppleAuthenticationButtonProps
          </a>
        </span>
        &gt;
      </code>
    </p>
    <p
      class="css-6jxvia-P"
      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="css-6jxvia-P"
      data-text="true"
    >
      You should only attempt to render this if
      <a
        class="css-153g748-InternalLink"
        href="/#isavailableasync"
      >
        <code
          class="inline css-ov7own-InlineCode"
        >
          AppleAuthentication.isAvailableAsync()
        </code>
      </a>

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


    <p
      class="css-6jxvia-P"
      data-text="true"
    >
      The properties of this component extend from
      <code
        class="inline css-ov7own-InlineCode"
      >
        View
      </code>
      ; however, you should not attempt to set

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


    <p
      class="css-6jxvia-P"
      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-1xjn6jt-Callout"
      data-testid="callout-container"
    >
      <div
        class="css-ks2t0-Callout"
      >
        <svg
          color="var(--expo-theme-icon-default)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Info-icon
          </title>
          <path
            d="M10 1a9 9 0 100 18 9 9 0 000-18zm-.01 4.064a.962.962 0 01.73-.33c.229 0 .43.082.582.238.152.155.23.354.23.59 0 .295-.104.558-.308.78-.209.23-.453.347-.726.347a.777.777 0 01-.576-.244.844.844 0 01-.227-.607c0-.3.099-.561.295-.774zm1.499 8.48c-.746.7-1.279 1.138-1.628 1.337-.372.213-.679.317-.937.317a.814.814 0 01-.622-.254c-.152-.162-.23-.382-.23-.652 0-.69.392-2.293 1.197-4.9.013-.044.024-.086.031-.125a.814.814 0 00-.105.056c-.066.042-.267.2-.854.773a.25.25 0 01-.329.02l-.347-.27a.25.25 0 01-.033-.367c.542-.596 1.047-1.029 1.502-1.286.477-.269.88-.4 1.232-.4.227 0 .411.057.547.17a.621.621 0 01.225.492c0 .132-.063.474-.522 2.015-.657 2.203-.814 3.003-.825 3.28.125-.074.419-.283 1.046-.873a.25.25 0 01.347.003l.308.3a.25.25 0 01-.003.363z"
            fill="var(--expo-theme-icon-default)"
          />
        </svg>
      </div>
      <div
        class="css-19syq17-Callout"
      >
        <strong
          class="css-1qx481h-B"
        >
          See:
        </strong>
        <span>
          <a
            class="css-ccg2mn-ExternalLink"
            href="https://developer.apple.com/documentation/authenticationservices/asauthorizationappleidbutton"
            rel="noopener noreferrer"
            target="_blank"
          >
            Apple
Documentation
          </a>

for more details.
        </span>
      </div>
    </blockquote>
    <h2
      class="css-1ck3d9a-H2"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#props"
      >
        <span
          class="css-s3qkfm"
          id="props"
        />
        <span
          class="css-6n7j50"
        >
          Props
        </span>
        <span
          class="css-1eysgws"
        >
          <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-18dzyrv"
      >
        <h3
          class="css-m417je-H3"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#buttonstyle"
          >
            <span
              class="css-s3qkfm"
              id="buttonstyle"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-1pk617c-InlineCode"
              >
                buttonStyle
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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-6jxvia-P"
          data-text="true"
        >
          <span
            class="css-1lk0cux"
          >
            Type:
          </span>

          <code
            class="inline css-ov7own-InlineCode"
          >
            <a
              class="css-153g748-InternalLink"
              href="/#appleauthenticationbuttonstyle"
            >
              AppleAuthenticationButtonStyle
            </a>
          </code>
        </p>
        <p
          class="css-6jxvia-P"
          data-text="true"
        >
          The Apple-defined color scheme to use to display the button.
        </p>
      </div>
      <div
        class="css-18dzyrv"
      >
        <h3
          class="css-m417je-H3"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#buttontype"
          >
            <span
              class="css-s3qkfm"
              id="buttontype"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-1pk617c-InlineCode"
              >
                buttonType
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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-6jxvia-P"
          data-text="true"
        >
          <span
            class="css-1lk0cux"
          >
            Type:
          </span>

          <code
            class="inline css-ov7own-InlineCode"
          >
            <a
              class="css-153g748-InternalLink"
              href="/#appleauthenticationbuttontype"
            >
              AppleAuthenticationButtonType
            </a>
          </code>
        </p>
        <p
          class="css-6jxvia-P"
          data-text="true"
        >
          The type of button text to display ("Sign In with Apple" vs. "Continue with Apple").
        </p>
      </div>
      <div
        class="css-18dzyrv"
      >
        <h3
          class="css-m417je-H3"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#cornerradius"
          >
            <span
              class="css-s3qkfm"
              id="cornerradius"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-1pk617c-InlineCode"
              >
                cornerRadius
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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-6jxvia-P"
          data-text="true"
        >
          <span
            class="css-1lk0cux"
          >
            Optional • 
          </span>
          <span
            class="css-1lk0cux"
          >
            Type:
          </span>

          <code
            class="inline css-ov7own-InlineCode"
          >
            number
          </code>
        </p>
        <p
          class="css-6jxvia-P"
          data-text="true"
        >
          The border radius to use when rendering the button. This works similarly to

          <code
            class="inline css-ov7own-InlineCode"
          >
            style.borderRadius
          </code>
           in other Views.
        </p>
      </div>
      <div
        class="css-18dzyrv"
      >
        <h3
          class="css-m417je-H3"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#style"
          >
            <span
              class="css-s3qkfm"
              id="style"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-1pk617c-InlineCode"
              >
                style
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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-6jxvia-P"
          data-text="true"
        >
          <span
            class="css-1lk0cux"
          >
            Optional • 
          </span>
          <span
            class="css-1lk0cux"
          >
            Type:
          </span>

          <code
            class="inline css-ov7own-InlineCode"
          >
            StyleProp
            &lt;
            <span>
              <a
                class="css-ccg2mn-ExternalLink"
                href="https://www.typescriptlang.org/docs/handbook/utility-types.html#omittype-keys"
                rel="noopener noreferrer"
                target="_blank"
              >
                Omit
              </a>
              &lt;
              <span>
                <a
                  class="css-153g748-InternalLink"
                  href="/versions/latest/react-native/view-style-props"
                >
                  ViewStyle
                </a>
                ,
              </span>
              <span>
                <span>
                  'backgroundColor'
                   |
                </span>
                <span>
                  'borderRadius'
                </span>
              </span>
              &gt;
            </span>
            &gt;
          </code>
        </p>
        <p
          class="css-6jxvia-P"
          data-text="true"
        >
          The custom style to apply to the button. Should not include
          <code
            class="inline css-ov7own-InlineCode"
          >
            backgroundColor
          </code>
           or
          <code
            class="inline css-ov7own-InlineCode"
          >
            borderRadius
          </code>

properties.
        </p>
      </div>
      <div
        class="css-18dzyrv"
      >
        <h3
          class="css-m417je-H3"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#onpress"
          >
            <span
              class="css-s3qkfm"
              id="onpress"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-1pk617c-InlineCode"
              >
                onPress
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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-6jxvia-P"
          data-text="true"
        >
          <span
            class="css-1lk0cux"
          >
            Type:
          </span>

          <code
            class="inline css-ov7own-InlineCode"
          >
            (
            ) =&gt;

            void
          </code>
        </p>
        <p
          class="css-6jxvia-P"
          data-text="true"
        >
          The method to call when the user presses the button. You should call
          <a
            class="css-153g748-InternalLink"
            href="/#isavailableasync"
          >
            <code
              class="inline css-ov7own-InlineCode"
            >
              AppleAuthentication.signInAsync
            </code>
          </a>

in here.
        </p>
      </div>
      <h3
        class="css-m417je-H3"
        data-heading="true"
      >
        <a
          class="css-ah3byb"
          href="/#inherited-props"
        >
          <span
            class="css-s3qkfm"
            id="inherited-props"
          />
          <span
            class="css-6n7j50"
          >
            Inherited Props
          </span>
          <span
            class="css-1eysgws"
          >
            <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-ftstf7-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-1vg85kg-LI"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            <a
              class="css-153g748-InternalLink"
              href="/versions/latest/react-native/view#props"
            >
              ViewProps
            </a>
          </code>
        </li>
      </ul>
    </div>
  </div>
  <h2
    class="css-1ck3d9a-H2"
    data-heading="true"
  >
    <a
      class="css-ah3byb"
      href="/#methods"
    >
      <span
        class="css-s3qkfm"
        id="methods"
      />
      <span
        class="css-6n7j50"
      >
        Methods
      </span>
      <span
        class="css-1eysgws"
      >
        <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-18dzyrv"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#getcredentialstateasyncuser"
      >
        <span
          class="css-s3qkfm"
          id="getcredentialstateasyncuser"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-1pk617c-InlineCode"
          >
            getCredentialStateAsync(user)
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-4ul8tm-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                user
              </strong>
            </td>
            <td
              class="css-4ul8tm-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                string
              </code>
            </td>
            <td
              class="css-4ul8tm-Cell"
            >
              <p
                class="css-6jxvia-P"
                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-153g748-InternalLink"
                  href="/#appleauthenticationcredentialstate"
                >
                  <code
                    class="inline css-ov7own-InlineCode"
                  >
                    AppleAuthenticationCredential
                  </code>
                </a>
                 object.
              </p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <p
      class="css-6jxvia-P"
      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-1xjn6jt-Callout"
      data-testid="callout-container"
    >
      <div
        class="css-ks2t0-Callout"
      >
        <svg
          color="var(--expo-theme-icon-default)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Info-icon
          </title>
          <path
            d="M10 1a9 9 0 100 18 9 9 0 000-18zm-.01 4.064a.962.962 0 01.73-.33c.229 0 .43.082.582.238.152.155.23.354.23.59 0 .295-.104.558-.308.78-.209.23-.453.347-.726.347a.777.777 0 01-.576-.244.844.844 0 01-.227-.607c0-.3.099-.561.295-.774zm1.499 8.48c-.746.7-1.279 1.138-1.628 1.337-.372.213-.679.317-.937.317a.814.814 0 01-.622-.254c-.152-.162-.23-.382-.23-.652 0-.69.392-2.293 1.197-4.9.013-.044.024-.086.031-.125a.814.814 0 00-.105.056c-.066.042-.267.2-.854.773a.25.25 0 01-.329.02l-.347-.27a.25.25 0 01-.033-.367c.542-.596 1.047-1.029 1.502-1.286.477-.269.88-.4 1.232-.4.227 0 .411.057.547.17a.621.621 0 01.225.492c0 .132-.063.474-.522 2.015-.657 2.203-.814 3.003-.825 3.28.125-.074.419-.283 1.046-.873a.25.25 0 01.347.003l.308.3a.25.25 0 01-.003.363z"
            fill="var(--expo-theme-icon-default)"
          />
        </svg>
      </div>
      <div
        class="css-19syq17-Callout"
      >


        <p
          class="css-6jxvia-P"
          data-text="true"
        >
          <strong
            class="css-1qx481h-B"
          >
            Note:
          </strong>
           This method must be tested on a real device. On the iOS simulator it always throws an error.
        </p>


      </div>
    </blockquote>
    <div
      class="css-1wdnwk5"
    >
      <h4
        class="  css-uucypz-H4"
        data-components-heading="true"
        data-heading="true"
      >
        <a
          class="css-ah3byb"
          href="/#returns"
        >
          <span
            class="css-s3qkfm"
            id="returns"
          />
          <span
            class="css-6n7j50"
          >
            Returns
          </span>
          <span
            class="css-1eysgws"
          >
            <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>
    </div>
    <ul
      class="css-n6fu3c-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-1vg85kg-LI"
      >
        <svg
          class="css-1a9xr20"
          color="var(--expo-theme-icon-secondary)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Undo-icon
          </title>
          <path
            d="M7.982 7.664v3.98L0 6.657l7.982-4.99v3.98h6.941a5.044 5.044 0 015.044 5.045v7.938a1.009 1.009 0 11-2.017 0v-7.938a3.026 3.026 0 00-3.027-3.027h-6.94z"
            fill="var(--expo-theme-icon-secondary)"
          />
        </svg>
        <code
          class="inline css-ov7own-InlineCode"
        >
          <a
            class="css-ccg2mn-ExternalLink"
            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-153g748-InternalLink"
              href="/#appleauthenticationcredentialstate"
            >
              AppleAuthenticationCredentialState
            </a>
          </span>
          &gt;
        </code>
      </li>
    </ul>
    <p
      class="css-6jxvia-P"
      data-text="true"
    >
      A promise that fulfills with an
      <a
        class="css-153g748-InternalLink"
        href="/#appleauthenticationcredentialstate"
      >
        <code
          class="inline css-ov7own-InlineCode"
        >
          AppleAuthenticationCredentialState
        </code>
      </a>

value depending on the state of the credential.
    </p>
  </div>
  <div
    class="css-18dzyrv"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#isavailableasync"
      >
        <span
          class="css-s3qkfm"
          id="isavailableasync"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-1pk617c-InlineCode"
          >
            isAvailableAsync()
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-6jxvia-P"
      data-text="true"
    >
      Determine if the current device's operating system supports Apple authentication.
    </p>
    <div
      class="css-1wdnwk5"
    >
      <h4
        class="  css-uucypz-H4"
        data-components-heading="true"
        data-heading="true"
      >
        <a
          class="css-ah3byb"
          href="/#returns-1"
        >
          <span
            class="css-s3qkfm"
            id="returns-1"
          />
          <span
            class="css-6n7j50"
          >
            Returns
          </span>
          <span
            class="css-1eysgws"
          >
            <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>
    </div>
    <ul
      class="css-n6fu3c-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-1vg85kg-LI"
      >
        <svg
          class="css-1a9xr20"
          color="var(--expo-theme-icon-secondary)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Undo-icon
          </title>
          <path
            d="M7.982 7.664v3.98L0 6.657l7.982-4.99v3.98h6.941a5.044 5.044 0 015.044 5.045v7.938a1.009 1.009 0 11-2.017 0v-7.938a3.026 3.026 0 00-3.027-3.027h-6.94z"
            fill="var(--expo-theme-icon-secondary)"
          />
        </svg>
        <code
          class="inline css-ov7own-InlineCode"
        >
          <a
            class="css-ccg2mn-ExternalLink"
            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>
    <p
      class="css-6jxvia-P"
      data-text="true"
    >
      A promise that fulfills with
      <code
        class="inline css-ov7own-InlineCode"
      >
        true
      </code>
       if the system supports Apple authentication, and
      <code
        class="inline css-ov7own-InlineCode"
      >
        false
      </code>
       otherwise.
    </p>
  </div>
  <div
    class="css-18dzyrv"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#refreshasyncoptions"
      >
        <span
          class="css-s3qkfm"
          id="refreshasyncoptions"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-1pk617c-InlineCode"
          >
            refreshAsync(options)
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-4ul8tm-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                options
              </strong>
            </td>
            <td
              class="css-4ul8tm-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <a
                  class="css-153g748-InternalLink"
                  href="/#appleauthenticationrefreshoptions"
                >
                  AppleAuthenticationRefreshOptions
                </a>
              </code>
            </td>
            <td
              class="css-4ul8tm-Cell"
            >
              <p
                class="css-6jxvia-P"
                data-text="true"
              >
                An
                <a
                  class="css-153g748-InternalLink"
                  href="/#appleauthenticationrefreshoptions"
                >
                  <code
                    class="inline css-ov7own-InlineCode"
                  >
                    AppleAuthenticationRefreshOptions
                  </code>
                </a>
                 object
              </p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <p
      class="css-6jxvia-P"
      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>
    <div
      class="css-1wdnwk5"
    >
      <h4
        class="  css-uucypz-H4"
        data-components-heading="true"
        data-heading="true"
      >
        <a
          class="css-ah3byb"
          href="/#returns-2"
        >
          <span
            class="css-s3qkfm"
            id="returns-2"
          />
          <span
            class="css-6n7j50"
          >
            Returns
          </span>
          <span
            class="css-1eysgws"
          >
            <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>
    </div>
    <ul
      class="css-n6fu3c-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-1vg85kg-LI"
      >
        <svg
          class="css-1a9xr20"
          color="var(--expo-theme-icon-secondary)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Undo-icon
          </title>
          <path
            d="M7.982 7.664v3.98L0 6.657l7.982-4.99v3.98h6.941a5.044 5.044 0 015.044 5.045v7.938a1.009 1.009 0 11-2.017 0v-7.938a3.026 3.026 0 00-3.027-3.027h-6.94z"
            fill="var(--expo-theme-icon-secondary)"
          />
        </svg>
        <code
          class="inline css-ov7own-InlineCode"
        >
          <a
            class="css-ccg2mn-ExternalLink"
            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-153g748-InternalLink"
              href="/#appleauthenticationcredential"
            >
              AppleAuthenticationCredential
            </a>
          </span>
          &gt;
        </code>
      </li>
    </ul>
    <p
      class="css-6jxvia-P"
      data-text="true"
    >
      A promise that fulfills with an
      <a
        class="css-153g748-InternalLink"
        href="/#appleauthenticationcredential"
      >
        <code
          class="inline css-ov7own-InlineCode"
        >
          AppleAuthenticationCredential
        </code>
      </a>

object after a successful authentication, and rejects with
      <code
        class="inline css-ov7own-InlineCode"
      >
        ERR_CANCELED
      </code>
       if the user cancels the
refresh operation.
    </p>
  </div>
  <div
    class="css-18dzyrv"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#signinasyncoptions"
      >
        <span
          class="css-s3qkfm"
          id="signinasyncoptions"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-1pk617c-InlineCode"
          >
            signInAsync(options)
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-4ul8tm-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                options
              </strong>
              <br />
              <span
                class="css-1g95u6x"
              >
                (optional)
              </span>
            </td>
            <td
              class="css-4ul8tm-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <a
                  class="css-153g748-InternalLink"
                  href="/#appleauthenticationsigninoptions"
                >
                  AppleAuthenticationSignInOptions
                </a>
              </code>
            </td>
            <td
              class="css-4ul8tm-Cell"
            >
              <p
                class="css-6jxvia-P"
                data-text="true"
              >
                An optional
                <a
                  class="css-153g748-InternalLink"
                  href="/#appleauthenticationsigninoptions"
                >
                  <code
                    class="inline css-ov7own-InlineCode"
                  >
                    AppleAuthenticationSignInOptions
                  </code>
                </a>
                 object
              </p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <p
      class="css-6jxvia-P"
      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="css-6jxvia-P"
      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="css-6jxvia-P"
      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-153g748-InternalLink"
        href="/securestore"
      >
        SecureStore
      </a>
      , so that the data persists across app installs.
You can use
      <a
        class="css-153g748-InternalLink"
        href="/#appleauthenticationcredential"
      >
        <code
          class="inline css-ov7own-InlineCode"
        >
          AppleAuthenticationCredential.user
        </code>
      </a>
       to identify
the user, since this remains the same for apps released by the same developer.
    </p>
    <div
      class="css-1wdnwk5"
    >
      <h4
        class="  css-uucypz-H4"
        data-components-heading="true"
        data-heading="true"
      >
        <a
          class="css-ah3byb"
          href="/#returns-3"
        >
          <span
            class="css-s3qkfm"
            id="returns-3"
          />
          <span
            class="css-6n7j50"
          >
            Returns
          </span>
          <span
            class="css-1eysgws"
          >
            <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>
    </div>
    <ul
      class="css-n6fu3c-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-1vg85kg-LI"
      >
        <svg
          class="css-1a9xr20"
          color="var(--expo-theme-icon-secondary)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Undo-icon
          </title>
          <path
            d="M7.982 7.664v3.98L0 6.657l7.982-4.99v3.98h6.941a5.044 5.044 0 015.044 5.045v7.938a1.009 1.009 0 11-2.017 0v-7.938a3.026 3.026 0 00-3.027-3.027h-6.94z"
            fill="var(--expo-theme-icon-secondary)"
          />
        </svg>
        <code
          class="inline css-ov7own-InlineCode"
        >
          <a
            class="css-ccg2mn-ExternalLink"
            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-153g748-InternalLink"
              href="/#appleauthenticationcredential"
            >
              AppleAuthenticationCredential
            </a>
          </span>
          &gt;
        </code>
      </li>
    </ul>
    <p
      class="css-6jxvia-P"
      data-text="true"
    >
      A promise that fulfills with an
      <a
        class="css-153g748-InternalLink"
        href="/#appleauthenticationcredential"
      >
        <code
          class="inline css-ov7own-InlineCode"
        >
          AppleAuthenticationCredential
        </code>
      </a>

object after a successful authentication, and rejects with
      <code
        class="inline css-ov7own-InlineCode"
      >
        ERR_CANCELED
      </code>
       if the user cancels the
sign-in operation.
    </p>
  </div>
  <div
    class="css-18dzyrv"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#signoutasyncoptions"
      >
        <span
          class="css-s3qkfm"
          id="signoutasyncoptions"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-1pk617c-InlineCode"
          >
            signOutAsync(options)
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-4ul8tm-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                options
              </strong>
            </td>
            <td
              class="css-4ul8tm-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <a
                  class="css-153g748-InternalLink"
                  href="/#appleauthenticationsignoutoptions"
                >
                  AppleAuthenticationSignOutOptions
                </a>
              </code>
            </td>
            <td
              class="css-4ul8tm-Cell"
            >
              <p
                class="css-6jxvia-P"
                data-text="true"
              >
                An
                <a
                  class="css-153g748-InternalLink"
                  href="/#appleauthenticationsignoutoptions"
                >
                  <code
                    class="inline css-ov7own-InlineCode"
                  >
                    AppleAuthenticationSignOutOptions
                  </code>
                </a>
                 object
              </p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <p
      class="css-6jxvia-P"
      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="css-6jxvia-P"
      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-153g748-InternalLink"
        href="/#signinasync"
      >
        <code
          class="inline css-ov7own-InlineCode"
        >
          signInAsync
        </code>
      </a>
       or
      <a
        class="css-153g748-InternalLink"
        href="/#refreshasync"
      >
        <code
          class="inline css-ov7own-InlineCode"
        >
          refreshAsync
        </code>
      </a>
       methods.
    </p>
    <div
      class="css-1wdnwk5"
    >
      <h4
        class="  css-uucypz-H4"
        data-components-heading="true"
        data-heading="true"
      >
        <a
          class="css-ah3byb"
          href="/#returns-4"
        >
          <span
            class="css-s3qkfm"
            id="returns-4"
          />
          <span
            class="css-6n7j50"
          >
            Returns
          </span>
          <span
            class="css-1eysgws"
          >
            <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>
    </div>
    <ul
      class="css-n6fu3c-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-1vg85kg-LI"
      >
        <svg
          class="css-1a9xr20"
          color="var(--expo-theme-icon-secondary)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Undo-icon
          </title>
          <path
            d="M7.982 7.664v3.98L0 6.657l7.982-4.99v3.98h6.941a5.044 5.044 0 015.044 5.045v7.938a1.009 1.009 0 11-2.017 0v-7.938a3.026 3.026 0 00-3.027-3.027h-6.94z"
            fill="var(--expo-theme-icon-secondary)"
          />
        </svg>
        <code
          class="inline css-ov7own-InlineCode"
        >
          <a
            class="css-ccg2mn-ExternalLink"
            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-153g748-InternalLink"
              href="/#appleauthenticationcredential"
            >
              AppleAuthenticationCredential
            </a>
          </span>
          &gt;
        </code>
      </li>
    </ul>
    <p
      class="css-6jxvia-P"
      data-text="true"
    >
      A promise that fulfills with an
      <a
        class="css-153g748-InternalLink"
        href="/#appleauthenticationcredential"
      >
        <code
          class="inline css-ov7own-InlineCode"
        >
          AppleAuthenticationCredential
        </code>
      </a>

object after a successful authentication, and rejects with
      <code
        class="inline css-ov7own-InlineCode"
      >
        ERR_CANCELED
      </code>
       if the user cancels the
sign-out operation.
    </p>
  </div>
  <h2
    class="css-1ck3d9a-H2"
    data-heading="true"
  >
    <a
      class="css-ah3byb"
      href="/#event-subscriptions"
    >
      <span
        class="css-s3qkfm"
        id="event-subscriptions"
      />
      <span
        class="css-6n7j50"
      >
        Event Subscriptions
      </span>
      <span
        class="css-1eysgws"
      >
        <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-18dzyrv"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#addrevokelistenerlistener"
      >
        <span
          class="css-s3qkfm"
          id="addrevokelistenerlistener"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-1pk617c-InlineCode"
          >
            addRevokeListener(listener)
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-4ul8tm-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                listener
              </strong>
            </td>
            <td
              class="css-4ul8tm-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                () =&gt;

                void
              </code>
            </td>
            <td
              class="css-4ul8tm-Cell"
            >
              -
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <div
      class="css-1wdnwk5"
    >
      <h4
        class="  css-uucypz-H4"
        data-components-heading="true"
        data-heading="true"
      >
        <a
          class="css-ah3byb"
          href="/#returns-5"
        >
          <span
            class="css-s3qkfm"
            id="returns-5"
          />
          <span
            class="css-6n7j50"
          >
            Returns
          </span>
          <span
            class="css-1eysgws"
          >
            <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>
    </div>
    <ul
      class="css-n6fu3c-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-1vg85kg-LI"
      >
        <svg
          class="css-1a9xr20"
          color="var(--expo-theme-icon-secondary)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Undo-icon
          </title>
          <path
            d="M7.982 7.664v3.98L0 6.657l7.982-4.99v3.98h6.941a5.044 5.044 0 015.044 5.045v7.938a1.009 1.009 0 11-2.017 0v-7.938a3.026 3.026 0 00-3.027-3.027h-6.94z"
            fill="var(--expo-theme-icon-secondary)"
          />
        </svg>
        <code
          class="inline css-ov7own-InlineCode"
        >
          <a
            class="css-153g748-InternalLink"
            href="/#subscription"
          >
            Subscription
          </a>
        </code>
      </li>
    </ul>
  </div>
  <h2
    class="css-1ck3d9a-H2"
    data-heading="true"
  >
    <a
      class="css-ah3byb"
      href="/#types"
    >
      <span
        class="css-s3qkfm"
        id="types"
      />
      <span
        class="css-6n7j50"
      >
        Types
      </span>
      <span
        class="css-1eysgws"
      >
        <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-kyhipd"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#appleauthenticationcredential"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationcredential"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            AppleAuthenticationCredential
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-6jxvia-P"
      data-text="true"
    >
      The object type returned from a successful call to
      <a
        class="css-153g748-InternalLink"
        href="/#appleauthenticationsigninasyncoptions"
      >
        <code
          class="inline css-ov7own-InlineCode"
        >
          AppleAuthentication.signInAsync()
        </code>
      </a>
      ,

      <a
        class="css-153g748-InternalLink"
        href="/#appleauthenticationrefreshasyncoptions"
      >
        <code
          class="inline css-ov7own-InlineCode"
        >
          AppleAuthentication.refreshAsync()
        </code>
      </a>
      , or
      <a
        class="css-153g748-InternalLink"
        href="/#appleauthenticationsignoutasyncoptions"
      >
        <code
          class="inline css-ov7own-InlineCode"
        >
          AppleAuthentication.signOutAsync()
        </code>
      </a>

which contains all of the pertinent user and credential information.
    </p>
    <blockquote
      class="css-1xjn6jt-Callout"
      data-testid="callout-container"
    >
      <div
        class="css-ks2t0-Callout"
      >
        <svg
          color="var(--expo-theme-icon-default)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Info-icon
          </title>
          <path
            d="M10 1a9 9 0 100 18 9 9 0 000-18zm-.01 4.064a.962.962 0 01.73-.33c.229 0 .43.082.582.238.152.155.23.354.23.59 0 .295-.104.558-.308.78-.209.23-.453.347-.726.347a.777.777 0 01-.576-.244.844.844 0 01-.227-.607c0-.3.099-.561.295-.774zm1.499 8.48c-.746.7-1.279 1.138-1.628 1.337-.372.213-.679.317-.937.317a.814.814 0 01-.622-.254c-.152-.162-.23-.382-.23-.652 0-.69.392-2.293 1.197-4.9.013-.044.024-.086.031-.125a.814.814 0 00-.105.056c-.066.042-.267.2-.854.773a.25.25 0 01-.329.02l-.347-.27a.25.25 0 01-.033-.367c.542-.596 1.047-1.029 1.502-1.286.477-.269.88-.4 1.232-.4.227 0 .411.057.547.17a.621.621 0 01.225.492c0 .132-.063.474-.522 2.015-.657 2.203-.814 3.003-.825 3.28.125-.074.419-.283 1.046-.873a.25.25 0 01.347.003l.308.3a.25.25 0 01-.003.363z"
            fill="var(--expo-theme-icon-default)"
          />
        </svg>
      </div>
      <div
        class="css-19syq17-Callout"
      >
        <strong
          class="css-1qx481h-B"
        >
          See:
        </strong>
        <span>
          <a
            class="css-ccg2mn-ExternalLink"
            href="https://developer.apple.com/documentation/authenticationservices/asauthorizationappleidcredential"
            rel="noopener noreferrer"
            target="_blank"
          >
            Apple
Documentation
          </a>

for more details.
        </span>
      </div>
    </blockquote>
    <div
      class="css-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                authorizationCode
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <span>
                  string
                   |
                </span>
                <span>
                  null
                </span>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                A short-lived session token used by your app for proof of authorization when interacting with
the app's server counterpart. Unlike
                <code
                  class="inline css-ov7own-InlineCode"
                >
                  user
                </code>
                , this is ephemeral and will change each session.
              </span>
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                email
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <span>
                  string
                   |
                </span>
                <span>
                  null
                </span>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                The user's email address. Might not be present if you didn't request the
                <code
                  class="inline css-ov7own-InlineCode"
                >
                  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.
              </span>
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                fullName
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <span>
                  <a
                    class="css-153g748-InternalLink"
                    href="/#appleauthenticationfullname"
                  >
                    AppleAuthenticationFullName
                  </a>
                   |
                </span>
                <span>
                  null
                </span>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                The user's name. May be
                <code
                  class="inline css-ov7own-InlineCode"
                >
                  null
                </code>
                 or contain
                <code
                  class="inline css-ov7own-InlineCode"
                >
                  null
                </code>
                 values if you didn't request the
                <code
                  class="inline css-ov7own-InlineCode"
                >
                  FULL_NAME
                </code>

scope, if the user denied access, or if this is not the first time the user has signed into
your app.
              </span>
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                identityToken
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <span>
                  string
                   |
                </span>
                <span>
                  null
                </span>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                A JSON Web Token (JWT) that securely communicates information about the user to your app.
              </span>
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                realUserStatus
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <a
                  class="css-153g748-InternalLink"
                  href="/#appleauthenticationuserdetectionstatus"
                >
                  AppleAuthenticationUserDetectionStatus
                </a>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                A value that indicates whether the user appears to the system to be a real person.
              </span>
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                state
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <span>
                  string
                   |
                </span>
                <span>
                  null
                </span>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                An arbitrary string that your app provided as
                <code
                  class="inline css-ov7own-InlineCode"
                >
                  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="inline css-ov7own-InlineCode"
                >
                  state
                </code>
                 when making the sign-in request, this field
will be
                <code
                  class="inline css-ov7own-InlineCode"
                >
                  null
                </code>
                .
              </span>
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                user
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                string
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                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.
              </span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-kyhipd"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#appleauthenticationfullname"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationfullname"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            AppleAuthenticationFullName
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-6jxvia-P"
      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="inline css-ov7own-InlineCode"
      >
        null
      </code>
      . Only applicable fields that the user has allowed your app to access will be nonnull.
    </p>
    <div
      class="css-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                familyName
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <span>
                  string
                   |
                </span>
                <span>
                  null
                </span>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              -
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                givenName
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <span>
                  string
                   |
                </span>
                <span>
                  null
                </span>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              -
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                middleName
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <span>
                  string
                   |
                </span>
                <span>
                  null
                </span>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              -
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                namePrefix
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <span>
                  string
                   |
                </span>
                <span>
                  null
                </span>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              -
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                nameSuffix
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <span>
                  string
                   |
                </span>
                <span>
                  null
                </span>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              -
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                nickname
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <span>
                  string
                   |
                </span>
                <span>
                  null
                </span>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              -
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-kyhipd"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#appleauthenticationrefreshoptions"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationrefreshoptions"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            AppleAuthenticationRefreshOptions
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-6jxvia-P"
      data-text="true"
    >
      The options you can supply when making a call to
      <a
        class="css-153g748-InternalLink"
        href="/#appleauthenticationrefreshasyncoptions"
      >
        <code
          class="inline css-ov7own-InlineCode"
        >
          AppleAuthentication.refreshAsync()
        </code>
      </a>
      .
You must include the ID string of the user whose credentials you'd like to refresh.
    </p>
    <blockquote
      class="css-1xjn6jt-Callout"
      data-testid="callout-container"
    >
      <div
        class="css-ks2t0-Callout"
      >
        <svg
          color="var(--expo-theme-icon-default)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Info-icon
          </title>
          <path
            d="M10 1a9 9 0 100 18 9 9 0 000-18zm-.01 4.064a.962.962 0 01.73-.33c.229 0 .43.082.582.238.152.155.23.354.23.59 0 .295-.104.558-.308.78-.209.23-.453.347-.726.347a.777.777 0 01-.576-.244.844.844 0 01-.227-.607c0-.3.099-.561.295-.774zm1.499 8.48c-.746.7-1.279 1.138-1.628 1.337-.372.213-.679.317-.937.317a.814.814 0 01-.622-.254c-.152-.162-.23-.382-.23-.652 0-.69.392-2.293 1.197-4.9.013-.044.024-.086.031-.125a.814.814 0 00-.105.056c-.066.042-.267.2-.854.773a.25.25 0 01-.329.02l-.347-.27a.25.25 0 01-.033-.367c.542-.596 1.047-1.029 1.502-1.286.477-.269.88-.4 1.232-.4.227 0 .411.057.547.17a.621.621 0 01.225.492c0 .132-.063.474-.522 2.015-.657 2.203-.814 3.003-.825 3.28.125-.074.419-.283 1.046-.873a.25.25 0 01.347.003l.308.3a.25.25 0 01-.003.363z"
            fill="var(--expo-theme-icon-default)"
          />
        </svg>
      </div>
      <div
        class="css-19syq17-Callout"
      >
        <strong
          class="css-1qx481h-B"
        >
          See:
        </strong>
        <span>
          <a
            class="css-ccg2mn-ExternalLink"
            href="https://developer.apple.com/documentation/authenticationservices/asauthorizationopenidrequest"
            rel="noopener noreferrer"
            target="_blank"
          >
            Apple
Documentation
          </a>

for more details.
        </span>
      </div>
    </blockquote>
    <div
      class="css-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                requestedScopes
              </strong>
              <br />
              <span
                class="css-1g95u6x"
              >
                (optional)
              </span>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <a
                  class="css-153g748-InternalLink"
                  href="/#appleauthenticationscope"
                >
                  AppleAuthenticationScope
                  []
                </a>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                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="inline css-ov7own-InlineCode"
                >
                  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="inline css-ov7own-InlineCode"
                >
                  null
                </code>
                . Defaults to
                <code
                  class="inline css-ov7own-InlineCode"
                >
                  []
                </code>
                 (no scopes).
              </span>
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                state
              </strong>
              <br />
              <span
                class="css-1g95u6x"
              >
                (optional)
              </span>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                string
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                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-ccg2mn-ExternalLink"
                  href="https://tools.ietf.org/html/rfc6749#section-10.12"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  RFC6749
                </a>
                .
              </span>
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                user
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                string
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              -
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-kyhipd"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#appleauthenticationsigninoptions"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationsigninoptions"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            AppleAuthenticationSignInOptions
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-6jxvia-P"
      data-text="true"
    >
      The options you can supply when making a call to
      <a
        class="css-153g748-InternalLink"
        href="/#appleauthenticationsigninasyncoptions"
      >
        <code
          class="inline css-ov7own-InlineCode"
        >
          AppleAuthentication.signInAsync()
        </code>
      </a>
      .
None of these options are required.
    </p>
    <blockquote
      class="css-1xjn6jt-Callout"
      data-testid="callout-container"
    >
      <div
        class="css-ks2t0-Callout"
      >
        <svg
          color="var(--expo-theme-icon-default)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Info-icon
          </title>
          <path
            d="M10 1a9 9 0 100 18 9 9 0 000-18zm-.01 4.064a.962.962 0 01.73-.33c.229 0 .43.082.582.238.152.155.23.354.23.59 0 .295-.104.558-.308.78-.209.23-.453.347-.726.347a.777.777 0 01-.576-.244.844.844 0 01-.227-.607c0-.3.099-.561.295-.774zm1.499 8.48c-.746.7-1.279 1.138-1.628 1.337-.372.213-.679.317-.937.317a.814.814 0 01-.622-.254c-.152-.162-.23-.382-.23-.652 0-.69.392-2.293 1.197-4.9.013-.044.024-.086.031-.125a.814.814 0 00-.105.056c-.066.042-.267.2-.854.773a.25.25 0 01-.329.02l-.347-.27a.25.25 0 01-.033-.367c.542-.596 1.047-1.029 1.502-1.286.477-.269.88-.4 1.232-.4.227 0 .411.057.547.17a.621.621 0 01.225.492c0 .132-.063.474-.522 2.015-.657 2.203-.814 3.003-.825 3.28.125-.074.419-.283 1.046-.873a.25.25 0 01.347.003l.308.3a.25.25 0 01-.003.363z"
            fill="var(--expo-theme-icon-default)"
          />
        </svg>
      </div>
      <div
        class="css-19syq17-Callout"
      >
        <strong
          class="css-1qx481h-B"
        >
          See:
        </strong>
        <span>
          <a
            class="css-ccg2mn-ExternalLink"
            href="https://developer.apple.com/documentation/authenticationservices/asauthorizationopenidrequest"
            rel="noopener noreferrer"
            target="_blank"
          >
            Apple
Documentation
          </a>

for more details.
        </span>
      </div>
    </blockquote>
    <div
      class="css-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                nonce
              </strong>
              <br />
              <span
                class="css-1g95u6x"
              >
                (optional)
              </span>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                string
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                An arbitrary string that is used to prevent replay attacks. See more information on this in the

                <a
                  class="css-ccg2mn-ExternalLink"
                  href="https://openid.net/specs/openid-connect-core-1_0.html#CodeFlowSteps"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  OpenID Connect specification
                </a>
                .
              </span>
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                requestedScopes
              </strong>
              <br />
              <span
                class="css-1g95u6x"
              >
                (optional)
              </span>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <a
                  class="css-153g748-InternalLink"
                  href="/#appleauthenticationscope"
                >
                  AppleAuthenticationScope
                  []
                </a>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                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="inline css-ov7own-InlineCode"
                >
                  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="inline css-ov7own-InlineCode"
                >
                  null
                </code>
                . Defaults to
                <code
                  class="inline css-ov7own-InlineCode"
                >
                  []
                </code>
                 (no scopes).
              </span>
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                state
              </strong>
              <br />
              <span
                class="css-1g95u6x"
              >
                (optional)
              </span>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                string
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                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-ccg2mn-ExternalLink"
                  href="https://tools.ietf.org/html/rfc6749#section-10.12"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  RFC6749
                </a>
                .
              </span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-kyhipd"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#appleauthenticationsignoutoptions"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationsignoutoptions"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            AppleAuthenticationSignOutOptions
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-6jxvia-P"
      data-text="true"
    >
      The options you can supply when making a call to
      <a
        class="css-153g748-InternalLink"
        href="/#appleauthenticationsignoutasyncoptions"
      >
        <code
          class="inline css-ov7own-InlineCode"
        >
          AppleAuthentication.signOutAsync()
        </code>
      </a>
      .
You must include the ID string of the user to sign out.
    </p>
    <blockquote
      class="css-1xjn6jt-Callout"
      data-testid="callout-container"
    >
      <div
        class="css-ks2t0-Callout"
      >
        <svg
          color="var(--expo-theme-icon-default)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Info-icon
          </title>
          <path
            d="M10 1a9 9 0 100 18 9 9 0 000-18zm-.01 4.064a.962.962 0 01.73-.33c.229 0 .43.082.582.238.152.155.23.354.23.59 0 .295-.104.558-.308.78-.209.23-.453.347-.726.347a.777.777 0 01-.576-.244.844.844 0 01-.227-.607c0-.3.099-.561.295-.774zm1.499 8.48c-.746.7-1.279 1.138-1.628 1.337-.372.213-.679.317-.937.317a.814.814 0 01-.622-.254c-.152-.162-.23-.382-.23-.652 0-.69.392-2.293 1.197-4.9.013-.044.024-.086.031-.125a.814.814 0 00-.105.056c-.066.042-.267.2-.854.773a.25.25 0 01-.329.02l-.347-.27a.25.25 0 01-.033-.367c.542-.596 1.047-1.029 1.502-1.286.477-.269.88-.4 1.232-.4.227 0 .411.057.547.17a.621.621 0 01.225.492c0 .132-.063.474-.522 2.015-.657 2.203-.814 3.003-.825 3.28.125-.074.419-.283 1.046-.873a.25.25 0 01.347.003l.308.3a.25.25 0 01-.003.363z"
            fill="var(--expo-theme-icon-default)"
          />
        </svg>
      </div>
      <div
        class="css-19syq17-Callout"
      >
        <strong
          class="css-1qx481h-B"
        >
          See:
        </strong>
        <span>
          <a
            class="css-ccg2mn-ExternalLink"
            href="https://developer.apple.com/documentation/authenticationservices/asauthorizationopenidrequest"
            rel="noopener noreferrer"
            target="_blank"
          >
            Apple
Documentation
          </a>

for more details.
        </span>
      </div>
    </blockquote>
    <div
      class="css-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                state
              </strong>
              <br />
              <span
                class="css-1g95u6x"
              >
                (optional)
              </span>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                string
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                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-ccg2mn-ExternalLink"
                  href="https://tools.ietf.org/html/rfc6749#section-10.12"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  RFC6749
                </a>
                .
              </span>
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                user
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                string
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              -
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-kyhipd"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#subscription"
      >
        <span
          class="css-s3qkfm"
          id="subscription"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            Subscription
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                remove
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                (
                ) =&gt;

                void
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                A method to unsubscribe the listener.
              </span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <h2
    class="css-1ck3d9a-H2"
    data-heading="true"
  >
    <a
      class="css-ah3byb"
      href="/#enums"
    >
      <span
        class="css-s3qkfm"
        id="enums"
      />
      <span
        class="css-6n7j50"
      >
        Enums
      </span>
      <span
        class="css-1eysgws"
      >
        <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-k1r7bq"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#appleauthenticationbuttonstyle"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationbuttonstyle"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            AppleAuthenticationButtonStyle
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-6jxvia-P"
      data-text="true"
    >
      An enum whose values control which pre-defined color scheme to use when rendering an
      <a
        class="css-153g748-InternalLink"
        href="/#appleauthenticationappleauthenticationbutton"
      >
        <code
          class="inline css-ov7own-InlineCode"
        >
          AppleAuthenticationButton
        </code>
      </a>
      .
    </p>
    <div
      class="css-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#white"
          >
            <span
              class="css-s3qkfm"
              id="white"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                WHITE
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        AppleAuthenticationButtonStyle
        .
        WHITE
         ＝ 0
      </code>
      <p
        class="css-6jxvia-P"
        data-text="true"
      >
        White button with black text.
      </p>
    </div>
    <div
      class="css-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#white_outline"
          >
            <span
              class="css-s3qkfm"
              id="white_outline"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                WHITE_OUTLINE
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        AppleAuthenticationButtonStyle
        .
        WHITE_OUTLINE
         ＝ 1
      </code>
      <p
        class="css-6jxvia-P"
        data-text="true"
      >
        White button with a black outline and black text.
      </p>
    </div>
    <div
      class="css-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#black"
          >
            <span
              class="css-s3qkfm"
              id="black"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                BLACK
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        AppleAuthenticationButtonStyle
        .
        BLACK
         ＝ 2
      </code>
      <p
        class="css-6jxvia-P"
        data-text="true"
      >
        Black button with white text.
      </p>
    </div>
  </div>
  <div
    class="css-k1r7bq"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#appleauthenticationbuttontype"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationbuttontype"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            AppleAuthenticationButtonType
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-6jxvia-P"
      data-text="true"
    >
      An enum whose values control which pre-defined text to use when rendering an
      <a
        class="css-153g748-InternalLink"
        href="/#appleauthenticationappleauthenticationbutton"
      >
        <code
          class="inline css-ov7own-InlineCode"
        >
          AppleAuthenticationButton
        </code>
      </a>
      .
    </p>
    <div
      class="css-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#sign_in"
          >
            <span
              class="css-s3qkfm"
              id="sign_in"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                SIGN_IN
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        AppleAuthenticationButtonType
        .
        SIGN_IN
         ＝ 0
      </code>
      <p
        class="css-6jxvia-P"
        data-text="true"
      >
        "Sign in with Apple"
      </p>
    </div>
    <div
      class="css-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#continue"
          >
            <span
              class="css-s3qkfm"
              id="continue"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                CONTINUE
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        AppleAuthenticationButtonType
        .
        CONTINUE
         ＝ 1
      </code>
      <p
        class="css-6jxvia-P"
        data-text="true"
      >
        "Continue with Apple"
      </p>
    </div>
    <div
      class="css-181x4m0"
    >
      <strong
        class="css-1qx481h-B"
      >
        Only for:
         
      </strong>
      <div
        class="css-u7asze-PlatformTag"
      >
        <svg
          color="var(--expo-theme-palette-blue-900)"
          fill="none"
          height="12"
          role="img"
          size="12"
          viewBox="0 0 20 20"
          width="12"
        >
          <title>
            Apple-icon
          </title>
          <path
            d="M17.66 15.391a10.489 10.489 0 01-1.039 1.866c-.545.778-.992 1.317-1.336 1.616-.534.49-1.106.742-1.719.757-.44 0-.97-.125-1.587-.38-.619-.252-1.188-.377-1.708-.377-.546 0-1.131.125-1.757.378-.627.253-1.132.386-1.519.399-.587.025-1.172-.234-1.757-.777-.373-.325-.839-.883-1.398-1.673-.6-.843-1.092-1.822-1.478-2.937-.414-1.205-.621-2.371-.621-3.5 0-1.294.28-2.41.839-3.345A4.924 4.924 0 014.338 5.64a4.73 4.73 0 012.377-.67c.466 0 1.078.144 1.838.427.758.285 1.245.429 1.458.429.16 0 .7-.169 1.617-.505.867-.312 1.599-.441 2.198-.39 1.624.13 2.844.77 3.656 1.924-1.453.88-2.171 2.113-2.157 3.694.013 1.232.46 2.257 1.338 3.07.398.378.843.67 1.337.878-.107.31-.22.608-.34.894zM13.934.735c0 .965-.353 1.866-1.056 2.7-.848.992-1.875 1.566-2.987 1.475a3.005 3.005 0 01-.023-.366c0-.926.404-1.918 1.12-2.73.358-.41.813-.751 1.364-1.023.55-.269 1.072-.417 1.561-.443.015.13.02.259.02.387z"
            fill="var(--expo-theme-palette-blue-900)"
          />
        </svg>
        <span
          class="css-1y4xxhe-PlatformTag"
        >
          iOS 13.2+
        </span>
      </div>
      <br />
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#sign_up"
          >
            <span
              class="css-s3qkfm"
              id="sign_up"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                SIGN_UP
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        AppleAuthenticationButtonType
        .
        SIGN_UP
         ＝ 2
      </code>
      <p
        class="css-6jxvia-P"
        data-text="true"
      >
        "Sign up with Apple"
      </p>
    </div>
  </div>
  <div
    class="css-k1r7bq"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#appleauthenticationcredentialstate"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationcredentialstate"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            AppleAuthenticationCredentialState
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-6jxvia-P"
      data-text="true"
    >
      An enum whose values specify state of the credential when checked with
      <a
        class="css-153g748-InternalLink"
        href="/#appleauthenticationgetcredentialstateasyncuser"
      >
        <code
          class="inline css-ov7own-InlineCode"
        >
          AppleAuthentication.getCredentialStateAsync()
        </code>
      </a>
      .
    </p>
    <blockquote
      class="css-1xjn6jt-Callout"
      data-testid="callout-container"
    >
      <div
        class="css-ks2t0-Callout"
      >
        <svg
          color="var(--expo-theme-icon-default)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Info-icon
          </title>
          <path
            d="M10 1a9 9 0 100 18 9 9 0 000-18zm-.01 4.064a.962.962 0 01.73-.33c.229 0 .43.082.582.238.152.155.23.354.23.59 0 .295-.104.558-.308.78-.209.23-.453.347-.726.347a.777.777 0 01-.576-.244.844.844 0 01-.227-.607c0-.3.099-.561.295-.774zm1.499 8.48c-.746.7-1.279 1.138-1.628 1.337-.372.213-.679.317-.937.317a.814.814 0 01-.622-.254c-.152-.162-.23-.382-.23-.652 0-.69.392-2.293 1.197-4.9.013-.044.024-.086.031-.125a.814.814 0 00-.105.056c-.066.042-.267.2-.854.773a.25.25 0 01-.329.02l-.347-.27a.25.25 0 01-.033-.367c.542-.596 1.047-1.029 1.502-1.286.477-.269.88-.4 1.232-.4.227 0 .411.057.547.17a.621.621 0 01.225.492c0 .132-.063.474-.522 2.015-.657 2.203-.814 3.003-.825 3.28.125-.074.419-.283 1.046-.873a.25.25 0 01.347.003l.308.3a.25.25 0 01-.003.363z"
            fill="var(--expo-theme-icon-default)"
          />
        </svg>
      </div>
      <div
        class="css-19syq17-Callout"
      >
        <strong
          class="css-1qx481h-B"
        >
          See:
        </strong>
        <span>
          <a
            class="css-ccg2mn-ExternalLink"
            href="https://developer.apple.com/documentation/authenticationservices/asauthorizationappleidprovidercredentialstate"
            rel="noopener noreferrer"
            target="_blank"
          >
            Apple
Documentation
          </a>

for more details.
        </span>
      </div>
    </blockquote>
    <div
      class="css-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#revoked"
          >
            <span
              class="css-s3qkfm"
              id="revoked"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                REVOKED
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        AppleAuthenticationCredentialState
        .
        REVOKED
         ＝ 0
      </code>
    </div>
    <div
      class="css-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#authorized"
          >
            <span
              class="css-s3qkfm"
              id="authorized"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                AUTHORIZED
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        AppleAuthenticationCredentialState
        .
        AUTHORIZED
         ＝ 1
      </code>
    </div>
    <div
      class="css-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#not_found"
          >
            <span
              class="css-s3qkfm"
              id="not_found"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                NOT_FOUND
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        AppleAuthenticationCredentialState
        .
        NOT_FOUND
         ＝ 2
      </code>
    </div>
    <div
      class="css-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#transferred"
          >
            <span
              class="css-s3qkfm"
              id="transferred"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                TRANSFERRED
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        AppleAuthenticationCredentialState
        .
        TRANSFERRED
         ＝ 3
      </code>
    </div>
  </div>
  <div
    class="css-k1r7bq"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#appleauthenticationoperation"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationoperation"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            AppleAuthenticationOperation
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#implicit"
          >
            <span
              class="css-s3qkfm"
              id="implicit"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                IMPLICIT
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        AppleAuthenticationOperation
        .
        IMPLICIT
         ＝ 0
      </code>
      <p
        class="css-6jxvia-P"
        data-text="true"
      >
        An operation that depends on the particular kind of credential provider.
      </p>
    </div>
    <div
      class="css-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#login"
          >
            <span
              class="css-s3qkfm"
              id="login"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                LOGIN
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        AppleAuthenticationOperation
        .
        LOGIN
         ＝ 1
      </code>
    </div>
    <div
      class="css-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#refresh"
          >
            <span
              class="css-s3qkfm"
              id="refresh"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                REFRESH
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        AppleAuthenticationOperation
        .
        REFRESH
         ＝ 2
      </code>
    </div>
    <div
      class="css-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#logout"
          >
            <span
              class="css-s3qkfm"
              id="logout"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                LOGOUT
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        AppleAuthenticationOperation
        .
        LOGOUT
         ＝ 3
      </code>
    </div>
  </div>
  <div
    class="css-k1r7bq"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#appleauthenticationscope"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationscope"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            AppleAuthenticationScope
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-6jxvia-P"
      data-text="true"
    >
      An enum whose values specify scopes you can request when calling
      <a
        class="css-153g748-InternalLink"
        href="/#appleauthenticationsigninasyncoptions"
      >
        <code
          class="inline css-ov7own-InlineCode"
        >
          AppleAuthentication.signInAsync()
        </code>
      </a>
      .
    </p>
    <blockquote
      class="css-1xjn6jt-Callout"
      data-testid="callout-container"
    >
      <div
        class="css-ks2t0-Callout"
      >
        <svg
          color="var(--expo-theme-icon-default)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Info-icon
          </title>
          <path
            d="M10 1a9 9 0 100 18 9 9 0 000-18zm-.01 4.064a.962.962 0 01.73-.33c.229 0 .43.082.582.238.152.155.23.354.23.59 0 .295-.104.558-.308.78-.209.23-.453.347-.726.347a.777.777 0 01-.576-.244.844.844 0 01-.227-.607c0-.3.099-.561.295-.774zm1.499 8.48c-.746.7-1.279 1.138-1.628 1.337-.372.213-.679.317-.937.317a.814.814 0 01-.622-.254c-.152-.162-.23-.382-.23-.652 0-.69.392-2.293 1.197-4.9.013-.044.024-.086.031-.125a.814.814 0 00-.105.056c-.066.042-.267.2-.854.773a.25.25 0 01-.329.02l-.347-.27a.25.25 0 01-.033-.367c.542-.596 1.047-1.029 1.502-1.286.477-.269.88-.4 1.232-.4.227 0 .411.057.547.17a.621.621 0 01.225.492c0 .132-.063.474-.522 2.015-.657 2.203-.814 3.003-.825 3.28.125-.074.419-.283 1.046-.873a.25.25 0 01.347.003l.308.3a.25.25 0 01-.003.363z"
            fill="var(--expo-theme-icon-default)"
          />
        </svg>
      </div>
      <div
        class="css-19syq17-Callout"
      >


        <p
          class="css-6jxvia-P"
          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-1xjn6jt-Callout"
      data-testid="callout-container"
    >
      <div
        class="css-ks2t0-Callout"
      >
        <svg
          color="var(--expo-theme-icon-default)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Info-icon
          </title>
          <path
            d="M10 1a9 9 0 100 18 9 9 0 000-18zm-.01 4.064a.962.962 0 01.73-.33c.229 0 .43.082.582.238.152.155.23.354.23.59 0 .295-.104.558-.308.78-.209.23-.453.347-.726.347a.777.777 0 01-.576-.244.844.844 0 01-.227-.607c0-.3.099-.561.295-.774zm1.499 8.48c-.746.7-1.279 1.138-1.628 1.337-.372.213-.679.317-.937.317a.814.814 0 01-.622-.254c-.152-.162-.23-.382-.23-.652 0-.69.392-2.293 1.197-4.9.013-.044.024-.086.031-.125a.814.814 0 00-.105.056c-.066.042-.267.2-.854.773a.25.25 0 01-.329.02l-.347-.27a.25.25 0 01-.033-.367c.542-.596 1.047-1.029 1.502-1.286.477-.269.88-.4 1.232-.4.227 0 .411.057.547.17a.621.621 0 01.225.492c0 .132-.063.474-.522 2.015-.657 2.203-.814 3.003-.825 3.28.125-.074.419-.283 1.046-.873a.25.25 0 01.347.003l.308.3a.25.25 0 01-.003.363z"
            fill="var(--expo-theme-icon-default)"
          />
        </svg>
      </div>
      <div
        class="css-19syq17-Callout"
      >
        <strong
          class="css-1qx481h-B"
        >
          See:
        </strong>
        <span>
          <a
            class="css-ccg2mn-ExternalLink"
            href="https://developer.apple.com/documentation/authenticationservices/asauthorizationscope"
            rel="noopener noreferrer"
            target="_blank"
          >
            Apple
Documentation
          </a>

for more details.
        </span>
      </div>
    </blockquote>
    <div
      class="css-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#full_name"
          >
            <span
              class="css-s3qkfm"
              id="full_name"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                FULL_NAME
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        AppleAuthenticationScope
        .
        FULL_NAME
         ＝ 0
      </code>
    </div>
    <div
      class="css-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#email"
          >
            <span
              class="css-s3qkfm"
              id="email"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                EMAIL
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        AppleAuthenticationScope
        .
        EMAIL
         ＝ 1
      </code>
    </div>
  </div>
  <div
    class="css-k1r7bq"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#appleauthenticationuserdetectionstatus"
      >
        <span
          class="css-s3qkfm"
          id="appleauthenticationuserdetectionstatus"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            AppleAuthenticationUserDetectionStatus
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-6jxvia-P"
      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-1xjn6jt-Callout"
      data-testid="callout-container"
    >
      <div
        class="css-ks2t0-Callout"
      >
        <svg
          color="var(--expo-theme-icon-default)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Info-icon
          </title>
          <path
            d="M10 1a9 9 0 100 18 9 9 0 000-18zm-.01 4.064a.962.962 0 01.73-.33c.229 0 .43.082.582.238.152.155.23.354.23.59 0 .295-.104.558-.308.78-.209.23-.453.347-.726.347a.777.777 0 01-.576-.244.844.844 0 01-.227-.607c0-.3.099-.561.295-.774zm1.499 8.48c-.746.7-1.279 1.138-1.628 1.337-.372.213-.679.317-.937.317a.814.814 0 01-.622-.254c-.152-.162-.23-.382-.23-.652 0-.69.392-2.293 1.197-4.9.013-.044.024-.086.031-.125a.814.814 0 00-.105.056c-.066.042-.267.2-.854.773a.25.25 0 01-.329.02l-.347-.27a.25.25 0 01-.033-.367c.542-.596 1.047-1.029 1.502-1.286.477-.269.88-.4 1.232-.4.227 0 .411.057.547.17a.621.621 0 01.225.492c0 .132-.063.474-.522 2.015-.657 2.203-.814 3.003-.825 3.28.125-.074.419-.283 1.046-.873a.25.25 0 01.347.003l.308.3a.25.25 0 01-.003.363z"
            fill="var(--expo-theme-icon-default)"
          />
        </svg>
      </div>
      <div
        class="css-19syq17-Callout"
      >
        <strong
          class="css-1qx481h-B"
        >
          See:
        </strong>
        <span>
          <a
            class="css-ccg2mn-ExternalLink"
            href="https://developer.apple.com/documentation/authenticationservices/asuserdetectionstatus"
            rel="noopener noreferrer"
            target="_blank"
          >
            Apple
Documentation
          </a>

for more details.
        </span>
      </div>
    </blockquote>
    <div
      class="css-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#unsupported"
          >
            <span
              class="css-s3qkfm"
              id="unsupported"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                UNSUPPORTED
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        AppleAuthenticationUserDetectionStatus
        .
        UNSUPPORTED
         ＝ 0
      </code>
      <p
        class="css-6jxvia-P"
        data-text="true"
      >
        The system does not support this determination and there is no data.
      </p>
    </div>
    <div
      class="css-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#unknown"
          >
            <span
              class="css-s3qkfm"
              id="unknown"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                UNKNOWN
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        AppleAuthenticationUserDetectionStatus
        .
        UNKNOWN
         ＝ 1
      </code>
      <p
        class="css-6jxvia-P"
        data-text="true"
      >
        The system has not determined whether the user might be a real person.
      </p>
    </div>
    <div
      class="css-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#likely_real"
          >
            <span
              class="css-s3qkfm"
              id="likely_real"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                LIKELY_REAL
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        AppleAuthenticationUserDetectionStatus
        .
        LIKELY_REAL
         ＝ 2
      </code>
      <p
        class="css-6jxvia-P"
        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-1ck3d9a-H2"
    data-heading="true"
  >
    <a
      class="css-ah3byb"
      href="/#component"
    >
      <span
        class="css-s3qkfm"
        id="component"
      />
      <span
        class="css-6n7j50"
      >
        Component
      </span>
      <span
        class="css-1eysgws"
      >
        <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-kyhipd"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#barcodescanner"
      >
        <span
          class="css-s3qkfm"
          id="barcodescanner"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            BarCodeScanner
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-6jxvia-P"
      data-text="true"
    >
      <strong
        class="css-1qx481h-B"
      >
        Type:
      </strong>

      <code
        class="inline css-ov7own-InlineCode"
      >
        Component
        &lt;
        <span>
          <a
            class="css-153g748-InternalLink"
            href="/#barcodescannerprops"
          >
            BarCodeScannerProps
          </a>
        </span>
        &gt;
      </code>
    </p>
    <h2
      class="css-1ck3d9a-H2"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#props"
      >
        <span
          class="css-s3qkfm"
          id="props"
        />
        <span
          class="css-6n7j50"
        >
          Props
        </span>
        <span
          class="css-1eysgws"
        >
          <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-18dzyrv"
      >
        <h3
          class="css-m417je-H3"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#barcodetypes"
          >
            <span
              class="css-s3qkfm"
              id="barcodetypes"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-1pk617c-InlineCode"
              >
                barCodeTypes
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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-6jxvia-P"
          data-text="true"
        >
          <span
            class="css-1lk0cux"
          >
            Optional • 
          </span>
          <span
            class="css-1lk0cux"
          >
            Type:
          </span>

          <code
            class="inline css-ov7own-InlineCode"
          >
            string[]
          </code>
        </p>
        <p
          class="css-6jxvia-P"
          data-text="true"
        >
          An array of bar code types. Usage:
          <code
            class="inline css-ov7own-InlineCode"
          >
            BarCodeScanner.Constants.BarCodeType.&lt;codeType&gt;
          </code>
           where

          <code
            class="inline css-ov7own-InlineCode"
          >
            codeType
          </code>
           is one of these
          <a
            class="css-153g748-InternalLink"
            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="css-6jxvia-P"
          data-text="true"
        >
          For example:
          <code
            class="inline css-ov7own-InlineCode"
          >
            barCodeTypes={[BarCodeScanner.Constants.BarCodeType.qr]}
          </code>
          .
        </p>
      </div>
      <div
        class="css-18dzyrv"
      >
        <h3
          class="css-m417je-H3"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#onbarcodescanned"
          >
            <span
              class="css-s3qkfm"
              id="onbarcodescanned"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-1pk617c-InlineCode"
              >
                onBarCodeScanned
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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-6jxvia-P"
          data-text="true"
        >
          <span
            class="css-1lk0cux"
          >
            Optional • 
          </span>
          <span
            class="css-1lk0cux"
          >
            Type:
          </span>

          <code
            class="inline css-ov7own-InlineCode"
          >
            <a
              class="css-153g748-InternalLink"
              href="/#barcodescannedcallback"
            >
              BarCodeScannedCallback
            </a>
          </code>
        </p>
        <p
          class="css-6jxvia-P"
          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-153g748-InternalLink"
            href="/#barcodescannerresult"
          >
            BarCodeScannerResult
          </a>
          .
        </p>


        <blockquote
          class="css-1xjn6jt-Callout"
          data-testid="callout-container"
        >
          <div
            class="css-ks2t0-Callout"
          >
            <svg
              color="var(--expo-theme-icon-default)"
              fill="none"
              height="16"
              role="img"
              size="16"
              viewBox="0 0 20 20"
              width="16"
            >
              <title>
                Info-icon
              </title>
              <path
                d="M10 1a9 9 0 100 18 9 9 0 000-18zm-.01 4.064a.962.962 0 01.73-.33c.229 0 .43.082.582.238.152.155.23.354.23.59 0 .295-.104.558-.308.78-.209.23-.453.347-.726.347a.777.777 0 01-.576-.244.844.844 0 01-.227-.607c0-.3.099-.561.295-.774zm1.499 8.48c-.746.7-1.279 1.138-1.628 1.337-.372.213-.679.317-.937.317a.814.814 0 01-.622-.254c-.152-.162-.23-.382-.23-.652 0-.69.392-2.293 1.197-4.9.013-.044.024-.086.031-.125a.814.814 0 00-.105.056c-.066.042-.267.2-.854.773a.25.25 0 01-.329.02l-.347-.27a.25.25 0 01-.033-.367c.542-.596 1.047-1.029 1.502-1.286.477-.269.88-.4 1.232-.4.227 0 .411.057.547.17a.621.621 0 01.225.492c0 .132-.063.474-.522 2.015-.657 2.203-.814 3.003-.825 3.28.125-.074.419-.283 1.046-.873a.25.25 0 01.347.003l.308.3a.25.25 0 01-.003.363z"
                fill="var(--expo-theme-icon-default)"
              />
            </svg>
          </div>
          <div
            class="css-19syq17-Callout"
          >


            <p
              class="css-6jxvia-P"
              data-text="true"
            >
              <strong
                class="css-1qx481h-B"
              >
                Note:
              </strong>
               Passing
              <code
                class="inline css-ov7own-InlineCode"
              >
                undefined
              </code>
               to the
              <code
                class="inline css-ov7own-InlineCode"
              >
                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-18dzyrv"
      >
        <h3
          class="css-m417je-H3"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#type"
          >
            <span
              class="css-s3qkfm"
              id="type"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-1pk617c-InlineCode"
              >
                type
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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-6jxvia-P"
          data-text="true"
        >
          <span
            class="css-1lk0cux"
          >
            Optional • 
          </span>
          <span
            class="css-1lk0cux"
          >
            Type:
          </span>

          <code
            class="inline css-ov7own-InlineCode"
          >
            <span>
              'front'
               |
            </span>
            <span>
              'back'
               |
            </span>
            <span>
              number
            </span>
          </code>
          <span>
            <span
              class="css-1lk0cux"
            >
               • Default:
            </span>

            <code
              class="inline css-ov7own-InlineCode"
            >
              Type.back

            </code>
          </span>
        </p>
        <p
          class="css-6jxvia-P"
          data-text="true"
        >
          Camera facing. Use one of
          <code
            class="inline css-ov7own-InlineCode"
          >
            BarCodeScanner.Constants.Type
          </code>
          . Use either
          <code
            class="inline css-ov7own-InlineCode"
          >
            Type.front
          </code>
           or
          <code
            class="inline css-ov7own-InlineCode"
          >
            Type.back
          </code>
          .
Same as
          <code
            class="inline css-ov7own-InlineCode"
          >
            Camera.Constants.Type
          </code>
          .
        </p>
      </div>
      <h3
        class="css-m417je-H3"
        data-heading="true"
      >
        <a
          class="css-ah3byb"
          href="/#inherited-props"
        >
          <span
            class="css-s3qkfm"
            id="inherited-props"
          />
          <span
            class="css-6n7j50"
          >
            Inherited Props
          </span>
          <span
            class="css-1eysgws"
          >
            <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-ftstf7-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-1vg85kg-LI"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            <a
              class="css-153g748-InternalLink"
              href="/versions/latest/react-native/view#props"
            >
              ViewProps
            </a>
          </code>
        </li>
      </ul>
    </div>
  </div>
  <h2
    class="css-1ck3d9a-H2"
    data-heading="true"
  >
    <a
      class="css-ah3byb"
      href="/#hooks"
    >
      <span
        class="css-s3qkfm"
        id="hooks"
      />
      <span
        class="css-6n7j50"
      >
        Hooks
      </span>
      <span
        class="css-1eysgws"
      >
        <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-18dzyrv"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#usepermissionsoptions"
      >
        <span
          class="css-s3qkfm"
          id="usepermissionsoptions"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-1pk617c-InlineCode"
          >
            usePermissions(options)
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-4ul8tm-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                options
              </strong>
              <br />
              <span
                class="css-1g95u6x"
              >
                (optional)
              </span>
            </td>
            <td
              class="css-4ul8tm-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <a
                  class="css-153g748-InternalLink"
                  href="/#permissionhookoptions"
                >
                  PermissionHookOptions
                </a>
                &lt;
                <span>
                  object
                </span>
                &gt;
              </code>
            </td>
            <td
              class="css-4ul8tm-Cell"
            >
              -
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <p
      class="css-6jxvia-P"
      data-text="true"
    >
      Create a new permission hook with the permission methods built-in.
This can be used to quickly create specific permission hooks in every module.
    </p>
    <div
      class="css-1wdnwk5"
    >
      <h4
        class="css-uucypz-H4"
        data-heading="true"
      >
        Example
      </h4>
    </div>
    <pre>
      <pre
        class="css-p0nog9"
        data-text="true"
      >
        <code
          class="css-3rj4bb"
        >
          <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>
    <div
      class="css-1wdnwk5"
    >
      <h4
        class="  css-uucypz-H4"
        data-components-heading="true"
        data-heading="true"
      >
        <a
          class="css-ah3byb"
          href="/#returns"
        >
          <span
            class="css-s3qkfm"
            id="returns"
          />
          <span
            class="css-6n7j50"
          >
            Returns
          </span>
          <span
            class="css-1eysgws"
          >
            <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>
    </div>
    <ul
      class="css-n6fu3c-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-1vg85kg-LI"
      >
        <svg
          class="css-1a9xr20"
          color="var(--expo-theme-icon-secondary)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Undo-icon
          </title>
          <path
            d="M7.982 7.664v3.98L0 6.657l7.982-4.99v3.98h6.941a5.044 5.044 0 015.044 5.045v7.938a1.009 1.009 0 11-2.017 0v-7.938a3.026 3.026 0 00-3.027-3.027h-6.94z"
            fill="var(--expo-theme-icon-secondary)"
          />
        </svg>
        <code
          class="inline css-ov7own-InlineCode"
        >
          [
          <span>
            <span>
              null
               |
            </span>
            <span>
              <a
                class="css-153g748-InternalLink"
                href="/#permissionresponse"
              >
                PermissionResponse
              </a>
            </span>
            ,
          </span>
          <span>
            RequestPermissionMethod
            &lt;
            <span>
              <a
                class="css-153g748-InternalLink"
                href="/#permissionresponse"
              >
                PermissionResponse
              </a>
            </span>
            &gt;
            ,
          </span>
          <span>
            GetPermissionMethod
            &lt;
            <span>
              <a
                class="css-153g748-InternalLink"
                href="/#permissionresponse"
              >
                PermissionResponse
              </a>
            </span>
            &gt;
          </span>
          ]
        </code>
      </li>
    </ul>
  </div>
  <h2
    class="css-1ck3d9a-H2"
    data-heading="true"
  >
    <a
      class="css-ah3byb"
      href="/#methods"
    >
      <span
        class="css-s3qkfm"
        id="methods"
      />
      <span
        class="css-6n7j50"
      >
        Methods
      </span>
      <span
        class="css-1eysgws"
      >
        <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-18dzyrv"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#barcodescannergetpermissionsasync"
      >
        <span
          class="css-s3qkfm"
          id="barcodescannergetpermissionsasync"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-1pk617c-InlineCode"
          >
            BarCodeScanner.getPermissionsAsync()
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-6jxvia-P"
      data-text="true"
    >
      Checks user's permissions for accessing the camera.
    </p>
    <div
      class="css-1wdnwk5"
    >
      <h4
        class="  css-uucypz-H4"
        data-components-heading="true"
        data-heading="true"
      >
        <a
          class="css-ah3byb"
          href="/#returns-1"
        >
          <span
            class="css-s3qkfm"
            id="returns-1"
          />
          <span
            class="css-6n7j50"
          >
            Returns
          </span>
          <span
            class="css-1eysgws"
          >
            <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>
    </div>
    <ul
      class="css-n6fu3c-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-1vg85kg-LI"
      >
        <svg
          class="css-1a9xr20"
          color="var(--expo-theme-icon-secondary)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Undo-icon
          </title>
          <path
            d="M7.982 7.664v3.98L0 6.657l7.982-4.99v3.98h6.941a5.044 5.044 0 015.044 5.045v7.938a1.009 1.009 0 11-2.017 0v-7.938a3.026 3.026 0 00-3.027-3.027h-6.94z"
            fill="var(--expo-theme-icon-secondary)"
          />
        </svg>
        <code
          class="inline css-ov7own-InlineCode"
        >
          <a
            class="css-ccg2mn-ExternalLink"
            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-153g748-InternalLink"
              href="/#permissionresponse"
            >
              PermissionResponse
            </a>
          </span>
          &gt;
        </code>
      </li>
    </ul>
    <p
      class="css-6jxvia-P"
      data-text="true"
    >
      Return a promise that fulfills to an object of type
      <a
        class="css-153g748-InternalLink"
        href="/#permissionresponse"
      >
        <code
          class="inline css-ov7own-InlineCode"
        >
          PermissionResponse
        </code>
      </a>
      .
    </p>
  </div>
  <div
    class="css-18dzyrv"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#barcodescannerrequestpermissionsasync"
      >
        <span
          class="css-s3qkfm"
          id="barcodescannerrequestpermissionsasync"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-1pk617c-InlineCode"
          >
            BarCodeScanner.requestPermissionsAsync()
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-6jxvia-P"
      data-text="true"
    >
      Asks the user to grant permissions for accessing the camera.
    </p>
    <p
      class="css-6jxvia-P"
      data-text="true"
    >
      On iOS this will require apps to specify the
      <code
        class="inline css-ov7own-InlineCode"
      >
        NSCameraUsageDescription
      </code>
       entry in the
      <code
        class="inline css-ov7own-InlineCode"
      >
        Info.plist
      </code>
      .
    </p>
    <div
      class="css-1wdnwk5"
    >
      <h4
        class="  css-uucypz-H4"
        data-components-heading="true"
        data-heading="true"
      >
        <a
          class="css-ah3byb"
          href="/#returns-2"
        >
          <span
            class="css-s3qkfm"
            id="returns-2"
          />
          <span
            class="css-6n7j50"
          >
            Returns
          </span>
          <span
            class="css-1eysgws"
          >
            <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>
    </div>
    <ul
      class="css-n6fu3c-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-1vg85kg-LI"
      >
        <svg
          class="css-1a9xr20"
          color="var(--expo-theme-icon-secondary)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Undo-icon
          </title>
          <path
            d="M7.982 7.664v3.98L0 6.657l7.982-4.99v3.98h6.941a5.044 5.044 0 015.044 5.045v7.938a1.009 1.009 0 11-2.017 0v-7.938a3.026 3.026 0 00-3.027-3.027h-6.94z"
            fill="var(--expo-theme-icon-secondary)"
          />
        </svg>
        <code
          class="inline css-ov7own-InlineCode"
        >
          <a
            class="css-ccg2mn-ExternalLink"
            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-153g748-InternalLink"
              href="/#permissionresponse"
            >
              PermissionResponse
            </a>
          </span>
          &gt;
        </code>
      </li>
    </ul>
    <p
      class="css-6jxvia-P"
      data-text="true"
    >
      Return a promise that fulfills to an object of type
      <a
        class="css-153g748-InternalLink"
        href="/#permissionresponse"
      >
        <code
          class="inline css-ov7own-InlineCode"
        >
          PermissionResponse
        </code>
      </a>
      .
    </p>
  </div>
  <div
    class="css-18dzyrv"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#barcodescannerscanfromurlasyncurl-barcodetypes"
      >
        <span
          class="css-s3qkfm"
          id="barcodescannerscanfromurlasyncurl-barcodetypes"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-1pk617c-InlineCode"
          >
            BarCodeScanner.scanFromURLAsync(url, barCodeTypes)
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-4ul8tm-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                url
              </strong>
            </td>
            <td
              class="css-4ul8tm-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                string
              </code>
            </td>
            <td
              class="css-4ul8tm-Cell"
            >
              <p
                class="css-6jxvia-P"
                data-text="true"
              >
                URL to get the image from.
              </p>
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-4ul8tm-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                barCodeTypes
              </strong>
              <br />
              <span
                class="css-1g95u6x"
              >
                (optional)
              </span>
            </td>
            <td
              class="css-4ul8tm-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                string[]
              </code>
            </td>
            <td
              class="css-4ul8tm-Cell"
            >
              <p
                class="css-6jxvia-P"
                data-text="true"
              >
                An array of bar code types. Defaults to all supported bar code types on
the platform.
              </p>


              <blockquote
                class="css-1xjn6jt-Callout"
                data-testid="callout-container"
              >
                <div
                  class="css-ks2t0-Callout"
                >
                  <svg
                    color="var(--expo-theme-icon-default)"
                    fill="none"
                    height="16"
                    role="img"
                    size="16"
                    viewBox="0 0 20 20"
                    width="16"
                  >
                    <title>
                      Info-icon
                    </title>
                    <path
                      d="M10 1a9 9 0 100 18 9 9 0 000-18zm-.01 4.064a.962.962 0 01.73-.33c.229 0 .43.082.582.238.152.155.23.354.23.59 0 .295-.104.558-.308.78-.209.23-.453.347-.726.347a.777.777 0 01-.576-.244.844.844 0 01-.227-.607c0-.3.099-.561.295-.774zm1.499 8.48c-.746.7-1.279 1.138-1.628 1.337-.372.213-.679.317-.937.317a.814.814 0 01-.622-.254c-.152-.162-.23-.382-.23-.652 0-.69.392-2.293 1.197-4.9.013-.044.024-.086.031-.125a.814.814 0 00-.105.056c-.066.042-.267.2-.854.773a.25.25 0 01-.329.02l-.347-.27a.25.25 0 01-.033-.367c.542-.596 1.047-1.029 1.502-1.286.477-.269.88-.4 1.232-.4.227 0 .411.057.547.17a.621.621 0 01.225.492c0 .132-.063.474-.522 2.015-.657 2.203-.814 3.003-.825 3.28.125-.074.419-.283 1.046-.873a.25.25 0 01.347.003l.308.3a.25.25 0 01-.003.363z"
                      fill="var(--expo-theme-icon-default)"
                    />
                  </svg>
                </div>
                <div
                  class="css-19syq17-Callout"
                >


                  <p
                    class="css-6jxvia-P"
                    data-text="true"
                  >
                    <strong
                      class="css-1qx481h-B"
                    >
                      Note:
                    </strong>
                     Only QR codes are supported on iOS.
                  </p>


                </div>
              </blockquote>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <p
      class="css-6jxvia-P"
      data-text="true"
    >
      Scan bar codes from the image given by the URL.
    </p>
    <div
      class="css-1wdnwk5"
    >
      <h4
        class="  css-uucypz-H4"
        data-components-heading="true"
        data-heading="true"
      >
        <a
          class="css-ah3byb"
          href="/#returns-3"
        >
          <span
            class="css-s3qkfm"
            id="returns-3"
          />
          <span
            class="css-6n7j50"
          >
            Returns
          </span>
          <span
            class="css-1eysgws"
          >
            <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>
    </div>
    <ul
      class="css-n6fu3c-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-1vg85kg-LI"
      >
        <svg
          class="css-1a9xr20"
          color="var(--expo-theme-icon-secondary)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Undo-icon
          </title>
          <path
            d="M7.982 7.664v3.98L0 6.657l7.982-4.99v3.98h6.941a5.044 5.044 0 015.044 5.045v7.938a1.009 1.009 0 11-2.017 0v-7.938a3.026 3.026 0 00-3.027-3.027h-6.94z"
            fill="var(--expo-theme-icon-secondary)"
          />
        </svg>
        <code
          class="inline css-ov7own-InlineCode"
        >
          <a
            class="css-ccg2mn-ExternalLink"
            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-153g748-InternalLink"
              href="/#barcodescannerresult"
            >
              BarCodeScannerResult
              []
            </a>
          </span>
          &gt;
        </code>
      </li>
    </ul>
    <p
      class="css-6jxvia-P"
      data-text="true"
    >
      A possibly empty array of objects of the
      <code
        class="inline css-ov7own-InlineCode"
      >
        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-1ck3d9a-H2"
    data-heading="true"
  >
    <a
      class="css-ah3byb"
      href="/#interfaces"
    >
      <span
        class="css-s3qkfm"
        id="interfaces"
      />
      <span
        class="css-6n7j50"
      >
        Interfaces
      </span>
      <span
        class="css-1eysgws"
      >
        <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-kyhipd"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#permissionresponse"
      >
        <span
          class="css-s3qkfm"
          id="permissionresponse"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            PermissionResponse
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-6jxvia-P"
      data-text="true"
    >
      An object obtained by permissions get and request functions.
    </p>
    <div
      class="css-1wdnwk5"
    >
      <h4
        class="  css-uucypz-H4"
        data-components-heading="true"
        data-heading="true"
      >
        <a
          class="css-ah3byb"
          href="/#permissionresponse--properties"
        >
          <span
            class="css-s3qkfm"
            id="permissionresponse--properties"
          />
          <span
            class="css-6n7j50"
          >
            PermissionResponse
             Properties
          </span>
          <span
            class="css-1eysgws"
          >
            <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>
    </div>
    <div
      class="css-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                canAskAgain
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                boolean
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                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.
              </span>
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                expires
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <a
                  class="css-153g748-InternalLink"
                  href="/#permissionexpiration"
                >
                  PermissionExpiration
                </a>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                Determines time when the permission expires.
              </span>
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                granted
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                boolean
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                A convenience boolean that indicates if the permission is granted.
              </span>
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                status
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <a
                  class="css-153g748-InternalLink"
                  href="/#permissionstatus"
                >
                  PermissionStatus
                </a>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                Determines the status of the permission.
              </span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <h2
    class="css-1ck3d9a-H2"
    data-heading="true"
  >
    <a
      class="css-ah3byb"
      href="/#types"
    >
      <span
        class="css-s3qkfm"
        id="types"
      />
      <span
        class="css-6n7j50"
      >
        Types
      </span>
      <span
        class="css-1eysgws"
      >
        <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-kyhipd"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#barcodebounds"
      >
        <span
          class="css-s3qkfm"
          id="barcodebounds"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            BarCodeBounds
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                origin
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <a
                  class="css-153g748-InternalLink"
                  href="/#barcodepoint"
                >
                  BarCodePoint
                </a>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                The origin point of the bounding box.
              </span>
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                size
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <a
                  class="css-153g748-InternalLink"
                  href="/#barcodesize"
                >
                  BarCodeSize
                </a>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                The size of the bounding box.
              </span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-kyhipd"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#barcodeevent"
      >
        <span
          class="css-s3qkfm"
          id="barcodeevent"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            BarCodeEvent
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-6jxvia-P"
      data-text="true"
    >
      <code
        class="inline css-ov7own-InlineCode"
      >
        <a
          class="css-153g748-InternalLink"
          href="/#barcodescannerresult"
        >
          BarCodeScannerResult
        </a>
      </code>

      extended by:
    </p>
    <div
      class="css-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                target
              </strong>
              <br />
              <span
                class="css-1g95u6x"
              >
                (optional)
              </span>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                number
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              -
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-kyhipd"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#barcodeeventcallbackarguments"
      >
        <span
          class="css-s3qkfm"
          id="barcodeeventcallbackarguments"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            BarCodeEventCallbackArguments
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                nativeEvent
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <a
                  class="css-153g748-InternalLink"
                  href="/#barcodeevent"
                >
                  BarCodeEvent
                </a>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              -
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-kyhipd"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#barcodepoint"
      >
        <span
          class="css-s3qkfm"
          id="barcodepoint"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            BarCodePoint
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-6jxvia-P"
      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-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                x
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                number
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                The
                <code
                  class="inline css-ov7own-InlineCode"
                >
                  x
                </code>
                 coordinate value.
              </span>
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                y
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                number
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                The
                <code
                  class="inline css-ov7own-InlineCode"
                >
                  y
                </code>
                 coordinate value.
              </span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-kyhipd"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#barcodescannedcallback"
      >
        <span
          class="css-s3qkfm"
          id="barcodescannedcallback"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            BarCodeScannedCallback
            ()
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-rufzkc-Table"
      >
        <table
          class="css-1goywt6-Table"
        >
          <thead
            class="css-3b8qij-TableHead"
          >
            <tr
              class="css-29opv4-Row"
            >
              <th
                class="css-1p6k6di-HeaderCell"
              >
                Name
              </th>
              <th
                class="css-1p6k6di-HeaderCell"
              >
                Type
              </th>
              <th
                class="css-1p6k6di-HeaderCell"
              >
                Description
              </th>
            </tr>
          </thead>
          <tbody>
            <tr
              class="css-29opv4-Row"
            >
              <td
                class="css-4ul8tm-Cell"
              >
                <strong
                  class="css-1qx481h-B"
                >
                  params
                </strong>
              </td>
              <td
                class="css-4ul8tm-Cell"
              >
                <code
                  class="inline css-ov7own-InlineCode"
                >
                  <a
                    class="css-153g748-InternalLink"
                    href="/#barcodeevent"
                  >
                    BarCodeEvent
                  </a>
                </code>
              </td>
              <td
                class="css-4ul8tm-Cell"
              >
                -
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div
    class="css-kyhipd"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#barcodescannerresult"
      >
        <span
          class="css-s3qkfm"
          id="barcodescannerresult"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            BarCodeScannerResult
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                bounds
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <a
                  class="css-153g748-InternalLink"
                  href="/#barcodebounds"
                >
                  BarCodeBounds
                </a>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                The
                <a
                  class="css-153g748-InternalLink"
                  href="/#barcodebounds"
                >
                  BarCodeBounds
                </a>
                 object.

                <code
                  class="inline css-ov7own-InlineCode"
                >
                  bounds
                </code>
                 in some case will be representing an empty rectangle.
Moreover,
                <code
                  class="inline css-ov7own-InlineCode"
                >
                  bounds
                </code>
                 doesn't have to bound the whole barcode.
For some types, they will represent the area used by the scanner.
              </span>
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                cornerPoints
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <a
                  class="css-153g748-InternalLink"
                  href="/#barcodepoint"
                >
                  BarCodePoint
                  []
                </a>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                Corner points of the bounding box.

                <code
                  class="inline css-ov7own-InlineCode"
                >
                  cornerPoints
                </code>
                 is not always available and may be empty. On iOS, for
                <code
                  class="inline css-ov7own-InlineCode"
                >
                  code39
                </code>
                 and
                <code
                  class="inline css-ov7own-InlineCode"
                >
                  pdf417
                </code>

you don't get this value.
              </span>
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                data
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                string
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                The information encoded in the bar code.
              </span>
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                type
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                string
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                The barcode type.
              </span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-kyhipd"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#barcodesize"
      >
        <span
          class="css-s3qkfm"
          id="barcodesize"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            BarCodeSize
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                height
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                number
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                The height value.
              </span>
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                width
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                number
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                The width value.
              </span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-kyhipd"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#permissionhookoptions"
      >
        <span
          class="css-s3qkfm"
          id="permissionhookoptions"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            PermissionHookOptions
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-6jxvia-P"
      data-text="true"
    >
      Acceptable values are:

      <span>
        <code
          class="inline css-ov7own-InlineCode"
        >
          PermissionHookBehavior
        </code>
        ,
      </span>
      <span>
        <code
          class="inline css-ov7own-InlineCode"
        >
          Options
        </code>
        .
      </span>
    </p>
  </div>
  <h2
    class="css-1ck3d9a-H2"
    data-heading="true"
  >
    <a
      class="css-ah3byb"
      href="/#enums"
    >
      <span
        class="css-s3qkfm"
        id="enums"
      />
      <span
        class="css-6n7j50"
      >
        Enums
      </span>
      <span
        class="css-1eysgws"
      >
        <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-k1r7bq"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#permissionstatus"
      >
        <span
          class="css-s3qkfm"
          id="permissionstatus"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            PermissionStatus
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#denied"
          >
            <span
              class="css-s3qkfm"
              id="denied"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                DENIED
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        PermissionStatus
        .
        DENIED
         ＝ "denied"
      </code>
      <p
        class="css-6jxvia-P"
        data-text="true"
      >
        User has denied the permission.
      </p>
    </div>
    <div
      class="css-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#granted"
          >
            <span
              class="css-s3qkfm"
              id="granted"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                GRANTED
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        PermissionStatus
        .
        GRANTED
         ＝ "granted"
      </code>
      <p
        class="css-6jxvia-P"
        data-text="true"
      >
        User has granted the permission.
      </p>
    </div>
    <div
      class="css-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#undetermined"
          >
            <span
              class="css-s3qkfm"
              id="undetermined"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                UNDETERMINED
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        PermissionStatus
        .
        UNDETERMINED
         ＝ "undetermined"
      </code>
      <p
        class="css-6jxvia-P"
        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-1ck3d9a-H2"
    data-heading="true"
  >
    <a
      class="css-ah3byb"
      href="/#methods"
    >
      <span
        class="css-s3qkfm"
        id="methods"
      />
      <span
        class="css-6n7j50"
      >
        Methods
      </span>
      <span
        class="css-1eysgws"
      >
        <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-18dzyrv"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#getpermissionsasync"
      >
        <span
          class="css-s3qkfm"
          id="getpermissionsasync"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-1pk617c-InlineCode"
          >
            getPermissionsAsync()
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-1wdnwk5"
    >
      <h4
        class="  css-uucypz-H4"
        data-components-heading="true"
        data-heading="true"
      >
        <a
          class="css-ah3byb"
          href="/#returns"
        >
          <span
            class="css-s3qkfm"
            id="returns"
          />
          <span
            class="css-6n7j50"
          >
            Returns
          </span>
          <span
            class="css-1eysgws"
          >
            <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>
    </div>
    <ul
      class="css-n6fu3c-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-1vg85kg-LI"
      >
        <svg
          class="css-1a9xr20"
          color="var(--expo-theme-icon-secondary)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Undo-icon
          </title>
          <path
            d="M7.982 7.664v3.98L0 6.657l7.982-4.99v3.98h6.941a5.044 5.044 0 015.044 5.045v7.938a1.009 1.009 0 11-2.017 0v-7.938a3.026 3.026 0 00-3.027-3.027h-6.94z"
            fill="var(--expo-theme-icon-secondary)"
          />
        </svg>
        <code
          class="inline css-ov7own-InlineCode"
        >
          <a
            class="css-ccg2mn-ExternalLink"
            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-153g748-InternalLink"
              href="/#permissionresponse"
            >
              PermissionResponse
            </a>
          </span>
          &gt;
        </code>
      </li>
    </ul>
  </div>
  <div
    class="css-18dzyrv"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#getstepcountasyncstart-end"
      >
        <span
          class="css-s3qkfm"
          id="getstepcountasyncstart-end"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-1pk617c-InlineCode"
          >
            getStepCountAsync(start, end)
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-4ul8tm-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                start
              </strong>
            </td>
            <td
              class="css-4ul8tm-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <a
                  class="css-ccg2mn-ExternalLink"
                  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-4ul8tm-Cell"
            >
              <p
                class="css-6jxvia-P"
                data-text="true"
              >
                A date indicating the start of the range over which to measure steps.
              </p>
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-4ul8tm-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                end
              </strong>
            </td>
            <td
              class="css-4ul8tm-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <a
                  class="css-ccg2mn-ExternalLink"
                  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-4ul8tm-Cell"
            >
              <p
                class="css-6jxvia-P"
                data-text="true"
              >
                A date indicating the end of the range over which to measure steps.
              </p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <p
      class="css-6jxvia-P"
      data-text="true"
    >
      Get the step count between two dates.
    </p>
    <div
      class="css-1wdnwk5"
    >
      <h4
        class="  css-uucypz-H4"
        data-components-heading="true"
        data-heading="true"
      >
        <a
          class="css-ah3byb"
          href="/#returns-1"
        >
          <span
            class="css-s3qkfm"
            id="returns-1"
          />
          <span
            class="css-6n7j50"
          >
            Returns
          </span>
          <span
            class="css-1eysgws"
          >
            <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>
    </div>
    <ul
      class="css-n6fu3c-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-1vg85kg-LI"
      >
        <svg
          class="css-1a9xr20"
          color="var(--expo-theme-icon-secondary)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Undo-icon
          </title>
          <path
            d="M7.982 7.664v3.98L0 6.657l7.982-4.99v3.98h6.941a5.044 5.044 0 015.044 5.045v7.938a1.009 1.009 0 11-2.017 0v-7.938a3.026 3.026 0 00-3.027-3.027h-6.94z"
            fill="var(--expo-theme-icon-secondary)"
          />
        </svg>
        <code
          class="inline css-ov7own-InlineCode"
        >
          <a
            class="css-ccg2mn-ExternalLink"
            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-153g748-InternalLink"
              href="/#pedometerresult"
            >
              PedometerResult
            </a>
          </span>
          &gt;
        </code>
      </li>
    </ul>
    <p
      class="css-6jxvia-P"
      data-text="true"
    >
      Returns a promise that fulfills with a
      <a
        class="css-153g748-InternalLink"
        href="/#pedometerresult"
      >
        <code
          class="inline css-ov7own-InlineCode"
        >
          PedometerResult
        </code>
      </a>
      .
    </p>


    <p
      class="css-6jxvia-P"
      data-text="true"
    >
      As
      <a
        class="css-ccg2mn-ExternalLink"
        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-1xjn6jt-Callout"
      data-testid="callout-container"
    >
      <div
        class="css-ks2t0-Callout"
      >
        <svg
          color="var(--expo-theme-icon-default)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Info-icon
          </title>
          <path
            d="M10 1a9 9 0 100 18 9 9 0 000-18zm-.01 4.064a.962.962 0 01.73-.33c.229 0 .43.082.582.238.152.155.23.354.23.59 0 .295-.104.558-.308.78-.209.23-.453.347-.726.347a.777.777 0 01-.576-.244.844.844 0 01-.227-.607c0-.3.099-.561.295-.774zm1.499 8.48c-.746.7-1.279 1.138-1.628 1.337-.372.213-.679.317-.937.317a.814.814 0 01-.622-.254c-.152-.162-.23-.382-.23-.652 0-.69.392-2.293 1.197-4.9.013-.044.024-.086.031-.125a.814.814 0 00-.105.056c-.066.042-.267.2-.854.773a.25.25 0 01-.329.02l-.347-.27a.25.25 0 01-.033-.367c.542-.596 1.047-1.029 1.502-1.286.477-.269.88-.4 1.232-.4.227 0 .411.057.547.17a.621.621 0 01.225.492c0 .132-.063.474-.522 2.015-.657 2.203-.814 3.003-.825 3.28.125-.074.419-.283 1.046-.873a.25.25 0 01.347.003l.308.3a.25.25 0 01-.003.363z"
            fill="var(--expo-theme-icon-default)"
          />
        </svg>
      </div>
      <div
        class="css-19syq17-Callout"
      >


        <p
          class="css-6jxvia-P"
          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-18dzyrv"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#isavailableasync"
      >
        <span
          class="css-s3qkfm"
          id="isavailableasync"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-1pk617c-InlineCode"
          >
            isAvailableAsync()
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-6jxvia-P"
      data-text="true"
    >
      Returns whether the pedometer is enabled on the device.
    </p>
    <div
      class="css-1wdnwk5"
    >
      <h4
        class="  css-uucypz-H4"
        data-components-heading="true"
        data-heading="true"
      >
        <a
          class="css-ah3byb"
          href="/#returns-2"
        >
          <span
            class="css-s3qkfm"
            id="returns-2"
          />
          <span
            class="css-6n7j50"
          >
            Returns
          </span>
          <span
            class="css-1eysgws"
          >
            <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>
    </div>
    <ul
      class="css-n6fu3c-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-1vg85kg-LI"
      >
        <svg
          class="css-1a9xr20"
          color="var(--expo-theme-icon-secondary)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Undo-icon
          </title>
          <path
            d="M7.982 7.664v3.98L0 6.657l7.982-4.99v3.98h6.941a5.044 5.044 0 015.044 5.045v7.938a1.009 1.009 0 11-2.017 0v-7.938a3.026 3.026 0 00-3.027-3.027h-6.94z"
            fill="var(--expo-theme-icon-secondary)"
          />
        </svg>
        <code
          class="inline css-ov7own-InlineCode"
        >
          <a
            class="css-ccg2mn-ExternalLink"
            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>
    <p
      class="css-6jxvia-P"
      data-text="true"
    >
      Returns a promise that fulfills with a
      <code
        class="inline css-ov7own-InlineCode"
      >
        boolean
      </code>
      , indicating whether the pedometer is
available on this device.
    </p>
  </div>
  <div
    class="css-18dzyrv"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#requestpermissionsasync"
      >
        <span
          class="css-s3qkfm"
          id="requestpermissionsasync"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-1pk617c-InlineCode"
          >
            requestPermissionsAsync()
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-1wdnwk5"
    >
      <h4
        class="  css-uucypz-H4"
        data-components-heading="true"
        data-heading="true"
      >
        <a
          class="css-ah3byb"
          href="/#returns-3"
        >
          <span
            class="css-s3qkfm"
            id="returns-3"
          />
          <span
            class="css-6n7j50"
          >
            Returns
          </span>
          <span
            class="css-1eysgws"
          >
            <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>
    </div>
    <ul
      class="css-n6fu3c-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-1vg85kg-LI"
      >
        <svg
          class="css-1a9xr20"
          color="var(--expo-theme-icon-secondary)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Undo-icon
          </title>
          <path
            d="M7.982 7.664v3.98L0 6.657l7.982-4.99v3.98h6.941a5.044 5.044 0 015.044 5.045v7.938a1.009 1.009 0 11-2.017 0v-7.938a3.026 3.026 0 00-3.027-3.027h-6.94z"
            fill="var(--expo-theme-icon-secondary)"
          />
        </svg>
        <code
          class="inline css-ov7own-InlineCode"
        >
          <a
            class="css-ccg2mn-ExternalLink"
            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-153g748-InternalLink"
              href="/#permissionresponse"
            >
              PermissionResponse
            </a>
          </span>
          &gt;
        </code>
      </li>
    </ul>
  </div>
  <div
    class="css-18dzyrv"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#watchstepcountcallback"
      >
        <span
          class="css-s3qkfm"
          id="watchstepcountcallback"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-1pk617c-InlineCode"
          >
            watchStepCount(callback)
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-4ul8tm-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                callback
              </strong>
            </td>
            <td
              class="css-4ul8tm-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <a
                  class="css-153g748-InternalLink"
                  href="/#pedometerupdatecallback"
                >
                  PedometerUpdateCallback
                </a>
              </code>
            </td>
            <td
              class="css-4ul8tm-Cell"
            >
              <p
                class="css-6jxvia-P"
                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-153g748-InternalLink"
                  href="/#pedometerresult"
                >
                  <code
                    class="inline css-ov7own-InlineCode"
                  >
                    PedometerResult
                  </code>
                </a>
                .
              </p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <p
      class="css-6jxvia-P"
      data-text="true"
    >
      Subscribe to pedometer updates.
    </p>
    <div
      class="css-1wdnwk5"
    >
      <h4
        class="  css-uucypz-H4"
        data-components-heading="true"
        data-heading="true"
      >
        <a
          class="css-ah3byb"
          href="/#returns-4"
        >
          <span
            class="css-s3qkfm"
            id="returns-4"
          />
          <span
            class="css-6n7j50"
          >
            Returns
          </span>
          <span
            class="css-1eysgws"
          >
            <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>
    </div>
    <ul
      class="css-n6fu3c-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-1vg85kg-LI"
      >
        <svg
          class="css-1a9xr20"
          color="var(--expo-theme-icon-secondary)"
          fill="none"
          height="16"
          role="img"
          size="16"
          viewBox="0 0 20 20"
          width="16"
        >
          <title>
            Undo-icon
          </title>
          <path
            d="M7.982 7.664v3.98L0 6.657l7.982-4.99v3.98h6.941a5.044 5.044 0 015.044 5.045v7.938a1.009 1.009 0 11-2.017 0v-7.938a3.026 3.026 0 00-3.027-3.027h-6.94z"
            fill="var(--expo-theme-icon-secondary)"
          />
        </svg>
        <code
          class="inline css-ov7own-InlineCode"
        >
          <a
            class="css-153g748-InternalLink"
            href="/#subscription"
          >
            Subscription
          </a>
        </code>
      </li>
    </ul>
    <p
      class="css-6jxvia-P"
      data-text="true"
    >
      Returns a
      <a
        class="css-153g748-InternalLink"
        href="/#subscription"
      >
        <code
          class="inline css-ov7own-InlineCode"
        >
          Subscription
        </code>
      </a>
       that enables you to call

      <code
        class="inline css-ov7own-InlineCode"
      >
        remove()
      </code>
       when you would like to unsubscribe the listener.
    </p>
  </div>
  <h2
    class="css-1ck3d9a-H2"
    data-heading="true"
  >
    <a
      class="css-ah3byb"
      href="/#interfaces"
    >
      <span
        class="css-s3qkfm"
        id="interfaces"
      />
      <span
        class="css-6n7j50"
      >
        Interfaces
      </span>
      <span
        class="css-1eysgws"
      >
        <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-kyhipd"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#permissionresponse"
      >
        <span
          class="css-s3qkfm"
          id="permissionresponse"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            PermissionResponse
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-1wdnwk5"
    >
      <h4
        class="  css-uucypz-H4"
        data-components-heading="true"
        data-heading="true"
      >
        <a
          class="css-ah3byb"
          href="/#permissionresponse--properties"
        >
          <span
            class="css-s3qkfm"
            id="permissionresponse--properties"
          />
          <span
            class="css-6n7j50"
          >
            PermissionResponse
             Properties
          </span>
          <span
            class="css-1eysgws"
          >
            <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>
    </div>
    <div
      class="css-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                canAskAgain
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                boolean
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              -
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                expires
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <a
                  class="css-153g748-InternalLink"
                  href="/#permissionexpiration"
                >
                  PermissionExpiration
                </a>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              -
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                granted
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                boolean
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              -
            </td>
          </tr>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                status
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                <a
                  class="css-153g748-InternalLink"
                  href="/#permissionstatus"
                >
                  PermissionStatus
                </a>
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              -
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <h2
    class="css-1ck3d9a-H2"
    data-heading="true"
  >
    <a
      class="css-ah3byb"
      href="/#types"
    >
      <span
        class="css-s3qkfm"
        id="types"
      />
      <span
        class="css-6n7j50"
      >
        Types
      </span>
      <span
        class="css-1eysgws"
      >
        <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-kyhipd"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#pedometerresult"
      >
        <span
          class="css-s3qkfm"
          id="pedometerresult"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            PedometerResult
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                steps
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                number
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                Number of steps taken between the given dates.
              </span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div
    class="css-kyhipd"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#pedometerupdatecallback"
      >
        <span
          class="css-s3qkfm"
          id="pedometerupdatecallback"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            PedometerUpdateCallback
            ()
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-rufzkc-Table"
      >
        <table
          class="css-1goywt6-Table"
        >
          <thead
            class="css-3b8qij-TableHead"
          >
            <tr
              class="css-29opv4-Row"
            >
              <th
                class="css-1p6k6di-HeaderCell"
              >
                Name
              </th>
              <th
                class="css-1p6k6di-HeaderCell"
              >
                Type
              </th>
              <th
                class="css-1p6k6di-HeaderCell"
              >
                Description
              </th>
            </tr>
          </thead>
          <tbody>
            <tr
              class="css-29opv4-Row"
            >
              <td
                class="css-4ul8tm-Cell"
              >
                <strong
                  class="css-1qx481h-B"
                >
                  result
                </strong>
              </td>
              <td
                class="css-4ul8tm-Cell"
              >
                <code
                  class="inline css-ov7own-InlineCode"
                >
                  <a
                    class="css-153g748-InternalLink"
                    href="/#pedometerresult"
                  >
                    PedometerResult
                  </a>
                </code>
              </td>
              <td
                class="css-4ul8tm-Cell"
              >
                -
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div
    class="css-kyhipd"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#permissionexpiration"
      >
        <span
          class="css-s3qkfm"
          id="permissionexpiration"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            PermissionExpiration
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-6jxvia-P"
      data-text="true"
    >
      Acceptable values are:

      <span>
        <code
          class="inline css-ov7own-InlineCode"
        >
          'never'
        </code>
        ,
      </span>
      <span>
        <code
          class="inline css-ov7own-InlineCode"
        >
          number
        </code>
        .
      </span>
    </p>
  </div>
  <div
    class="css-kyhipd"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#subscription"
      >
        <span
          class="css-s3qkfm"
          id="subscription"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            Subscription
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-rufzkc-Table"
    >
      <table
        class="css-1goywt6-Table"
      >
        <thead
          class="css-3b8qij-TableHead"
        >
          <tr
            class="css-29opv4-Row"
          >
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Name
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Type
            </th>
            <th
              class="css-1p6k6di-HeaderCell"
            >
              Description
            </th>
          </tr>
        </thead>
        <tbody>
          <tr
            class="css-29opv4-Row"
          >
            <td
              class="css-1i3ovdz-Cell"
            >
              <strong
                class="css-1qx481h-B"
              >
                remove
              </strong>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                (
                ) =&gt;

                void
              </code>
            </td>
            <td
              class="css-1i3ovdz-Cell"
            >
              <span>
                A method to unsubscribe the listener.
              </span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <h2
    class="css-1ck3d9a-H2"
    data-heading="true"
  >
    <a
      class="css-ah3byb"
      href="/#enums"
    >
      <span
        class="css-s3qkfm"
        id="enums"
      />
      <span
        class="css-6n7j50"
      >
        Enums
      </span>
      <span
        class="css-1eysgws"
      >
        <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-k1r7bq"
  >
    <h3
      class="css-m417je-H3"
      data-heading="true"
    >
      <a
        class="css-ah3byb"
        href="/#permissionstatus"
      >
        <span
          class="css-s3qkfm"
          id="permissionstatus"
        />
        <span
          class="css-6n7j50"
        >
          <code
            class="inline css-ov7own-InlineCode"
          >
            PermissionStatus
          </code>
        </span>
        <span
          class="css-1eysgws"
        >
          <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-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#denied"
          >
            <span
              class="css-s3qkfm"
              id="denied"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                DENIED
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        PermissionStatus
        .
        DENIED
         ＝ "denied"
      </code>
    </div>
    <div
      class="css-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#granted"
          >
            <span
              class="css-s3qkfm"
              id="granted"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                GRANTED
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        PermissionStatus
        .
        GRANTED
         ＝ "granted"
      </code>
    </div>
    <div
      class="css-181x4m0"
    >
      <div
        class="css-1ow0rw3"
      >
        <h4
          class="  css-uucypz-H4"
          data-components-heading="true"
          data-heading="true"
        >
          <a
            class="css-ah3byb"
            href="/#undetermined"
          >
            <span
              class="css-s3qkfm"
              id="undetermined"
            />
            <span
              class="css-6n7j50"
            >
              <code
                class="inline css-ov7own-InlineCode"
              >
                UNDETERMINED
              </code>
            </span>
            <span
              class="css-1eysgws"
            >
              <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>
      </div>
      <code
        class="inline css-1v964ss-InlineCode"
      >
        PermissionStatus
        .
        UNDETERMINED
         ＝ "undetermined"
      </code>
    </div>
  </div>
</div>
`;

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