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

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

exports[`APISection expo-apple-authentication 1`] = `
<div>
  <h2
    class="css-et60wy-h2-h2-STYLES_H2"
    data-heading="true"
  >
    <div
      class="css-1rh3o5q-STYLES_PERMALINK"
    >
      <span
        class="css-zonpcr-STYLES_PERMALINK_TARGET"
        id="components"
      />
      <a
        class="css-15lh5hg-STYLES_PERMALINK_LINK"
        href="#components"
      >
        <span
          class="css-1icvi79-STYLED_PERMALINK_CONTENT"
        >
          Components
        </span>
        <span
          class="css-10vdcw8-STYLES_PERMALINK_ICON"
        >
          <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>
    </div>
  </h2>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="appleauthenticationbutton"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#appleauthenticationbutton"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              AppleAuthenticationButton
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      <strong
        class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
      >
        Type:
      </strong>

      <code
        class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
      >
        React.FC
        &lt;
        <span>
          <a
            class="css-12zqqiz-STYLES_EXTERNAL_LINK"
            href="/#appleauthenticationbuttonprops"
          >
            AppleAuthenticationButtonProps
          </a>
        </span>
        &gt;
      </code>
    </p>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      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-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      You should only attempt to render this if
      <a
        class="css-12zqqiz-STYLES_EXTERNAL_LINK"
        href="/#isavailableasync"
      >
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          AppleAuthentication.isAvailableAsync()
        </code>
      </a>

resolves to
      <code
        class="inline css-18wudxk-STYLES_INLINE_CODE-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-18wudxk-STYLES_INLINE_CODE-InlineCode"
      >
        __DEV__ === true
      </code>
      ).
    </p>


    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      The properties of this component extend from
      <code
        class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
      >
        View
      </code>
      ; however, you should not attempt to set

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


    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      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-1vk32i8-paragraph-STYLES_BLOCKQUOTE"
      data-text="true"
    >
      <div>
        <div
          style="margin-top: 2px;"
        >
          <svg
            aria-label="check"
            fill="none"
            height="16"
            viewBox="0 0 24 24"
            width="16"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12c6.628 0 12-5.373 12-12S18.628 0 12 0zm-.015 5.419c.269-.292.596-.44.973-.44.306 0 .575.11.776.317.203.207.306.472.306.786 0 .394-.137.745-.409 1.042-.279.306-.605.462-.968.462-.3 0-.566-.113-.768-.326-.201-.208-.304-.48-.304-.809 0-.401.133-.749.394-1.032zm1.999 11.305c-.995.936-1.705 1.52-2.17 1.784-.496.284-.905.423-1.25.423-.342 0-.621-.114-.83-.338-.202-.218-.305-.51-.305-.87 0-.92.521-3.058 1.595-6.534a1.47 1.47 0 00.042-.166c-.04.017-.087.041-.14.075-.088.055-.356.265-1.14 1.03a.334.334 0 01-.438.025l-.463-.358a.334.334 0 01-.043-.49c.722-.794 1.395-1.371 2.002-1.714.636-.358 1.173-.533 1.643-.533.303 0 .548.076.729.225.196.164.3.391.3.658 0 .175-.084.63-.697 2.686-.875 2.937-1.084 4.003-1.099 4.372.166-.098.558-.376 1.395-1.162a.334.334 0 01.462.003l.411.4a.334.334 0 01-.004.484z"
              fill="var(--expo-theme-icon-default)"
            />
          </svg>
        </div>
      </div>
      <div>
        <strong
          class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
        >
          See:
        </strong>
        <span>
          <a
            class="css-12zqqiz-STYLES_EXTERNAL_LINK"
            href="https://developer.apple.com/documentation/authenticationservices/asauthorizationappleidbutton"
            rel="noopener noreferrer"
          >
            Apple
Documentation
          </a>

for more details.
        </span>
      </div>
    </blockquote>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="appleauthenticationbuttonprops"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#appleauthenticationbuttonprops"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              AppleAuthenticationButtonProps
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <br />
    <div>
      <ul
        class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-1jvmp7m-STYLES_LIST_ITEM-STYLE_PROP_LIST-PROP_LIST_ELEMENT_STYLE-LI"
        >
          <h4
            class="  css-838f5l-h4-h4-STYLES_H4"
            data-components-heading="true"
            data-heading="true"
          >
            <div
              class="css-1rh3o5q-STYLES_PERMALINK"
            >
              <span
                class="css-zonpcr-STYLES_PERMALINK_TARGET"
                id="buttonstyle"
              />
              <a
                class="css-15lh5hg-STYLES_PERMALINK_LINK"
                href="#buttonstyle"
              >
                <span
                  class="css-1icvi79-STYLED_PERMALINK_CONTENT"
                >
                  buttonStyle
                </span>
                <span
                  class="css-10vdcw8-STYLES_PERMALINK_ICON"
                >
                  <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>
            </div>
          </h4>
          <p
            class="css-101h856-paragraph-STYLES_PARAGRAPH"
            data-text="true"
          >
            <span
              class="css-t865as-STYLES_SECONDARY"
            >
              Type:
            </span>

            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#appleauthenticationbuttonstyle"
              >
                AppleAuthenticationButtonStyle
              </a>
            </code>
          </p>
          <p
            class="css-101h856-paragraph-STYLES_PARAGRAPH"
            data-text="true"
          >
            The Apple-defined color scheme to use to display the button.
          </p>
          <hr
            class="css-bxzs19-STYLES_DIVIDER"
          />
        </li>
        <li
          class="docs-list-item css-1jvmp7m-STYLES_LIST_ITEM-STYLE_PROP_LIST-PROP_LIST_ELEMENT_STYLE-LI"
        >
          <h4
            class="  css-838f5l-h4-h4-STYLES_H4"
            data-components-heading="true"
            data-heading="true"
          >
            <div
              class="css-1rh3o5q-STYLES_PERMALINK"
            >
              <span
                class="css-zonpcr-STYLES_PERMALINK_TARGET"
                id="buttontype"
              />
              <a
                class="css-15lh5hg-STYLES_PERMALINK_LINK"
                href="#buttontype"
              >
                <span
                  class="css-1icvi79-STYLED_PERMALINK_CONTENT"
                >
                  buttonType
                </span>
                <span
                  class="css-10vdcw8-STYLES_PERMALINK_ICON"
                >
                  <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>
            </div>
          </h4>
          <p
            class="css-101h856-paragraph-STYLES_PARAGRAPH"
            data-text="true"
          >
            <span
              class="css-t865as-STYLES_SECONDARY"
            >
              Type:
            </span>

            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#appleauthenticationbuttontype"
              >
                AppleAuthenticationButtonType
              </a>
            </code>
          </p>
          <p
            class="css-101h856-paragraph-STYLES_PARAGRAPH"
            data-text="true"
          >
            The type of button text to display ("Sign In with Apple" vs. "Continue with Apple").
          </p>
          <hr
            class="css-bxzs19-STYLES_DIVIDER"
          />
        </li>
        <li
          class="docs-list-item css-1jvmp7m-STYLES_LIST_ITEM-STYLE_PROP_LIST-PROP_LIST_ELEMENT_STYLE-LI"
        >
          <h4
            class="  css-838f5l-h4-h4-STYLES_H4"
            data-components-heading="true"
            data-heading="true"
          >
            <div
              class="css-1rh3o5q-STYLES_PERMALINK"
            >
              <span
                class="css-zonpcr-STYLES_PERMALINK_TARGET"
                id="cornerradius"
              />
              <a
                class="css-15lh5hg-STYLES_PERMALINK_LINK"
                href="#cornerradius"
              >
                <span
                  class="css-1icvi79-STYLED_PERMALINK_CONTENT"
                >
                  cornerRadius
                </span>
                <span
                  class="css-10vdcw8-STYLES_PERMALINK_ICON"
                >
                  <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>
            </div>
          </h4>
          <p
            class="css-101h856-paragraph-STYLES_PARAGRAPH"
            data-text="true"
          >
            <span
              class="css-t865as-STYLES_SECONDARY"
            >
              Optional • 
            </span>
            <span
              class="css-t865as-STYLES_SECONDARY"
            >
              Type:
            </span>

            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              number
            </code>
          </p>
          <p
            class="css-101h856-paragraph-STYLES_PARAGRAPH"
            data-text="true"
          >
            The border radius to use when rendering the button. This works similarly to

            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              style.borderRadius
            </code>
             in other Views.
          </p>
          <hr
            class="css-bxzs19-STYLES_DIVIDER"
          />
        </li>
        <li
          class="docs-list-item css-1jvmp7m-STYLES_LIST_ITEM-STYLE_PROP_LIST-PROP_LIST_ELEMENT_STYLE-LI"
        >
          <h4
            class="  css-838f5l-h4-h4-STYLES_H4"
            data-components-heading="true"
            data-heading="true"
          >
            <div
              class="css-1rh3o5q-STYLES_PERMALINK"
            >
              <span
                class="css-zonpcr-STYLES_PERMALINK_TARGET"
                id="style"
              />
              <a
                class="css-15lh5hg-STYLES_PERMALINK_LINK"
                href="#style"
              >
                <span
                  class="css-1icvi79-STYLED_PERMALINK_CONTENT"
                >
                  style
                </span>
                <span
                  class="css-10vdcw8-STYLES_PERMALINK_ICON"
                >
                  <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>
            </div>
          </h4>
          <p
            class="css-101h856-paragraph-STYLES_PARAGRAPH"
            data-text="true"
          >
            <span
              class="css-t865as-STYLES_SECONDARY"
            >
              Optional • 
            </span>
            <span
              class="css-t865as-STYLES_SECONDARY"
            >
              Type:
            </span>

            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              StyleProp
              &lt;
              <span>
                <a
                  class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                  href="https://www.typescriptlang.org/docs/handbook/utility-types.html#omittype-keys"
                  rel="noopener noreferrer"
                >
                  Omit
                </a>
                &lt;
                <span>
                  <a
                    class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                    href="/react-native/view-style-props"
                  >
                    ViewStyle
                  </a>
                  ,
                </span>
                <span>
                  <span>
                    'backgroundColor'
                     |
                  </span>
                  <span>
                    'borderRadius'
                  </span>
                </span>
                &gt;
              </span>
              &gt;
            </code>
          </p>
          <p
            class="css-101h856-paragraph-STYLES_PARAGRAPH"
            data-text="true"
          >
            The custom style to apply to the button. Should not include
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              backgroundColor
            </code>
             or
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              borderRadius
            </code>

properties.
          </p>
          <hr
            class="css-bxzs19-STYLES_DIVIDER"
          />
        </li>
        <li
          class="docs-list-item css-1jvmp7m-STYLES_LIST_ITEM-STYLE_PROP_LIST-PROP_LIST_ELEMENT_STYLE-LI"
        >
          <h4
            class="  css-838f5l-h4-h4-STYLES_H4"
            data-components-heading="true"
            data-heading="true"
          >
            <div
              class="css-1rh3o5q-STYLES_PERMALINK"
            >
              <span
                class="css-zonpcr-STYLES_PERMALINK_TARGET"
                id="onpress"
              />
              <a
                class="css-15lh5hg-STYLES_PERMALINK_LINK"
                href="#onpress"
              >
                <span
                  class="css-1icvi79-STYLED_PERMALINK_CONTENT"
                >
                  onPress
                </span>
                <span
                  class="css-10vdcw8-STYLES_PERMALINK_ICON"
                >
                  <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>
            </div>
          </h4>
          <p
            class="css-101h856-paragraph-STYLES_PARAGRAPH"
            data-text="true"
          >
            <span
              class="css-t865as-STYLES_SECONDARY"
            >
              Type:
            </span>

            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              (

              ) =&gt;
              void
            </code>
          </p>
          <p
            class="css-101h856-paragraph-STYLES_PARAGRAPH"
            data-text="true"
          >
            The method to call when the user presses the button. You should call
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="/#isavailableasync"
            >
              <code
                class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
              >
                AppleAuthentication.signInAsync
              </code>
            </a>

in here.
          </p>
          <hr
            class="css-bxzs19-STYLES_DIVIDER"
          />
        </li>
      </ul>
      <h4
        class="  css-838f5l-h4-h4-STYLES_H4"
        data-components-heading="true"
        data-heading="true"
      >
        <div
          class="css-1rh3o5q-STYLES_PERMALINK"
        >
          <span
            class="css-zonpcr-STYLES_PERMALINK_TARGET"
            id="inherited-props"
          />
          <a
            class="css-15lh5hg-STYLES_PERMALINK_LINK"
            href="#inherited-props"
          >
            <span
              class="css-1icvi79-STYLED_PERMALINK_CONTENT"
            >
              Inherited Props
            </span>
            <span
              class="css-10vdcw8-STYLES_PERMALINK_ICON"
            >
              <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>
        </div>
      </h4>
      <ul
        class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="/react-native/view#props"
            >
              ViewProps
            </a>
          </code>
        </li>
      </ul>
    </div>
  </div>
  <h2
    class="css-et60wy-h2-h2-STYLES_H2"
    data-heading="true"
  >
    <div
      class="css-1rh3o5q-STYLES_PERMALINK"
    >
      <span
        class="css-zonpcr-STYLES_PERMALINK_TARGET"
        id="methods"
      />
      <a
        class="css-15lh5hg-STYLES_PERMALINK_LINK"
        href="#methods"
      >
        <span
          class="css-1icvi79-STYLED_PERMALINK_CONTENT"
        >
          Methods
        </span>
        <span
          class="css-10vdcw8-STYLES_PERMALINK_ICON"
        >
          <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>
    </div>
  </h2>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="getcredentialstateasyncuser"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#getcredentialstateasyncuser"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-ni28os-STYLES_INLINE_CODE-STYLES_NOT_EXPOSED_HEADER-InlineCode"
            >
              getCredentialStateAsync(user)
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <h4
      class="  css-838f5l-h4-h4-STYLES_H4"
      data-components-heading="true"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="arguments"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#arguments"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            Arguments
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h4>
    <ul
      class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <strong
          class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
        >
          user
           (
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            string
          </code>
          )
        </strong>
         -
        <span>
          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-12zqqiz-STYLES_EXTERNAL_LINK"
            href="/#appleauthenticationcredentialstate"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              AppleAuthenticationCredential
            </code>
          </a>
           object.
        </span>
      </li>
    </ul>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      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-1vk32i8-paragraph-STYLES_BLOCKQUOTE"
      data-text="true"
    >
      <div>
        <div
          style="margin-top: 2px;"
        >
          <svg
            aria-label="check"
            fill="none"
            height="16"
            viewBox="0 0 24 24"
            width="16"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12c6.628 0 12-5.373 12-12S18.628 0 12 0zm-.015 5.419c.269-.292.596-.44.973-.44.306 0 .575.11.776.317.203.207.306.472.306.786 0 .394-.137.745-.409 1.042-.279.306-.605.462-.968.462-.3 0-.566-.113-.768-.326-.201-.208-.304-.48-.304-.809 0-.401.133-.749.394-1.032zm1.999 11.305c-.995.936-1.705 1.52-2.17 1.784-.496.284-.905.423-1.25.423-.342 0-.621-.114-.83-.338-.202-.218-.305-.51-.305-.87 0-.92.521-3.058 1.595-6.534a1.47 1.47 0 00.042-.166c-.04.017-.087.041-.14.075-.088.055-.356.265-1.14 1.03a.334.334 0 01-.438.025l-.463-.358a.334.334 0 01-.043-.49c.722-.794 1.395-1.371 2.002-1.714.636-.358 1.173-.533 1.643-.533.303 0 .548.076.729.225.196.164.3.391.3.658 0 .175-.084.63-.697 2.686-.875 2.937-1.084 4.003-1.099 4.372.166-.098.558-.376 1.395-1.162a.334.334 0 01.462.003l.411.4a.334.334 0 01-.004.484z"
              fill="var(--expo-theme-icon-default)"
            />
          </svg>
        </div>
      </div>
      <div>


        <strong
          class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
        >
          Note:
        </strong>
         This method must be tested on a real device. On the iOS simulator it always throws an error.


      </div>
    </blockquote>
    <div>
      <h4
        class="  css-838f5l-h4-h4-STYLES_H4"
        data-components-heading="true"
        data-heading="true"
      >
        <div
          class="css-1rh3o5q-STYLES_PERMALINK"
        >
          <span
            class="css-zonpcr-STYLES_PERMALINK_TARGET"
            id="returns"
          />
          <a
            class="css-15lh5hg-STYLES_PERMALINK_LINK"
            href="#returns"
          >
            <span
              class="css-1icvi79-STYLED_PERMALINK_CONTENT"
            >
              Returns
            </span>
            <span
              class="css-10vdcw8-STYLES_PERMALINK_ICON"
            >
              <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>
        </div>
      </h4>
      <ul
        class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-1wwpkbk-STYLES_LIST_ITEM-STYLE_RETURN_LIST-LI"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
              rel="noopener noreferrer"
            >
              Promise
            </a>
            &lt;
            <span>
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#appleauthenticationcredentialstate"
              >
                AppleAuthenticationCredentialState
              </a>
            </span>
            &gt;
          </code>
        </li>
      </ul>
      <p
        class="css-101h856-paragraph-STYLES_PARAGRAPH"
        data-text="true"
      >
        A promise that fulfills with an
        <a
          class="css-12zqqiz-STYLES_EXTERNAL_LINK"
          href="/#appleauthenticationcredentialstate"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            AppleAuthenticationCredentialState
          </code>
        </a>

value depending on the state of the credential.
      </p>
    </div>
    <hr />
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="isavailableasync"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#isavailableasync"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-ni28os-STYLES_INLINE_CODE-STYLES_NOT_EXPOSED_HEADER-InlineCode"
            >
              isAvailableAsync()
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      Determine if the current device's operating system supports Apple authentication.
    </p>
    <div>
      <h4
        class="  css-838f5l-h4-h4-STYLES_H4"
        data-components-heading="true"
        data-heading="true"
      >
        <div
          class="css-1rh3o5q-STYLES_PERMALINK"
        >
          <span
            class="css-zonpcr-STYLES_PERMALINK_TARGET"
            id="returns-1"
          />
          <a
            class="css-15lh5hg-STYLES_PERMALINK_LINK"
            href="#returns-1"
          >
            <span
              class="css-1icvi79-STYLED_PERMALINK_CONTENT"
            >
              Returns
            </span>
            <span
              class="css-10vdcw8-STYLES_PERMALINK_ICON"
            >
              <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>
        </div>
      </h4>
      <ul
        class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-1wwpkbk-STYLES_LIST_ITEM-STYLE_RETURN_LIST-LI"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
              rel="noopener noreferrer"
            >
              Promise
            </a>
            &lt;
            <span>
              boolean
            </span>
            &gt;
          </code>
        </li>
      </ul>
      <p
        class="css-101h856-paragraph-STYLES_PARAGRAPH"
        data-text="true"
      >
        A promise that fulfills with
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          true
        </code>
         if the system supports Apple authentication, and
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          false
        </code>
         otherwise.
      </p>
    </div>
    <hr />
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="refreshasyncoptions"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#refreshasyncoptions"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-ni28os-STYLES_INLINE_CODE-STYLES_NOT_EXPOSED_HEADER-InlineCode"
            >
              refreshAsync(options)
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <h4
      class="  css-838f5l-h4-h4-STYLES_H4"
      data-components-heading="true"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="arguments-1"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#arguments-1"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            Arguments
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h4>
    <ul
      class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <strong
          class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
        >
          options
           (
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="/#appleauthenticationrefreshoptions"
            >
              AppleAuthenticationRefreshOptions
            </a>
          </code>
          )
        </strong>
         -
        <span>
          An
          <a
            class="css-12zqqiz-STYLES_EXTERNAL_LINK"
            href="/#appleauthenticationrefreshoptions"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              AppleAuthenticationRefreshOptions
            </code>
          </a>
           object
        </span>
      </li>
    </ul>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      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>
      <h4
        class="  css-838f5l-h4-h4-STYLES_H4"
        data-components-heading="true"
        data-heading="true"
      >
        <div
          class="css-1rh3o5q-STYLES_PERMALINK"
        >
          <span
            class="css-zonpcr-STYLES_PERMALINK_TARGET"
            id="returns-2"
          />
          <a
            class="css-15lh5hg-STYLES_PERMALINK_LINK"
            href="#returns-2"
          >
            <span
              class="css-1icvi79-STYLED_PERMALINK_CONTENT"
            >
              Returns
            </span>
            <span
              class="css-10vdcw8-STYLES_PERMALINK_ICON"
            >
              <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>
        </div>
      </h4>
      <ul
        class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-1wwpkbk-STYLES_LIST_ITEM-STYLE_RETURN_LIST-LI"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
              rel="noopener noreferrer"
            >
              Promise
            </a>
            &lt;
            <span>
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#appleauthenticationcredential"
              >
                AppleAuthenticationCredential
              </a>
            </span>
            &gt;
          </code>
        </li>
      </ul>
      <p
        class="css-101h856-paragraph-STYLES_PARAGRAPH"
        data-text="true"
      >
        A promise that fulfills with an
        <a
          class="css-12zqqiz-STYLES_EXTERNAL_LINK"
          href="/#appleauthenticationcredential"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            AppleAuthenticationCredential
          </code>
        </a>

object after a successful authentication, and rejects with
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          ERR_CANCELED
        </code>
         if the user cancels the
refresh operation.
      </p>
    </div>
    <hr />
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="signinasyncoptions"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#signinasyncoptions"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-ni28os-STYLES_INLINE_CODE-STYLES_NOT_EXPOSED_HEADER-InlineCode"
            >
              signInAsync(options)
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <h4
      class="  css-838f5l-h4-h4-STYLES_H4"
      data-components-heading="true"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="arguments-2"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#arguments-2"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            Arguments
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h4>
    <ul
      class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <strong
          class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
        >
          options
          ?
           (
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="/#appleauthenticationsigninoptions"
            >
              AppleAuthenticationSignInOptions
            </a>
          </code>
          )
        </strong>
         -
        <span>
          An optional
          <a
            class="css-12zqqiz-STYLES_EXTERNAL_LINK"
            href="/#appleauthenticationsigninoptions"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              AppleAuthenticationSignInOptions
            </code>
          </a>
           object
        </span>
      </li>
    </ul>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      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-101h856-paragraph-STYLES_PARAGRAPH"
      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-101h856-paragraph-STYLES_PARAGRAPH"
      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-12zqqiz-STYLES_EXTERNAL_LINK"
        href="/securestore"
      >
        SecureStore
      </a>
      , so that the data persists across app installs.
You can use
      <a
        class="css-12zqqiz-STYLES_EXTERNAL_LINK"
        href="/#appleauthenticationcredential"
      >
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          AppleAuthenticationCredential.user
        </code>
      </a>
       to identify
the user, since this remains the same for apps released by the same developer.
    </p>
    <div>
      <h4
        class="  css-838f5l-h4-h4-STYLES_H4"
        data-components-heading="true"
        data-heading="true"
      >
        <div
          class="css-1rh3o5q-STYLES_PERMALINK"
        >
          <span
            class="css-zonpcr-STYLES_PERMALINK_TARGET"
            id="returns-3"
          />
          <a
            class="css-15lh5hg-STYLES_PERMALINK_LINK"
            href="#returns-3"
          >
            <span
              class="css-1icvi79-STYLED_PERMALINK_CONTENT"
            >
              Returns
            </span>
            <span
              class="css-10vdcw8-STYLES_PERMALINK_ICON"
            >
              <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>
        </div>
      </h4>
      <ul
        class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-1wwpkbk-STYLES_LIST_ITEM-STYLE_RETURN_LIST-LI"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
              rel="noopener noreferrer"
            >
              Promise
            </a>
            &lt;
            <span>
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#appleauthenticationcredential"
              >
                AppleAuthenticationCredential
              </a>
            </span>
            &gt;
          </code>
        </li>
      </ul>
      <p
        class="css-101h856-paragraph-STYLES_PARAGRAPH"
        data-text="true"
      >
        A promise that fulfills with an
        <a
          class="css-12zqqiz-STYLES_EXTERNAL_LINK"
          href="/#appleauthenticationcredential"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            AppleAuthenticationCredential
          </code>
        </a>

object after a successful authentication, and rejects with
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          ERR_CANCELED
        </code>
         if the user cancels the
sign-in operation.
      </p>
    </div>
    <hr />
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="signoutasyncoptions"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#signoutasyncoptions"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-ni28os-STYLES_INLINE_CODE-STYLES_NOT_EXPOSED_HEADER-InlineCode"
            >
              signOutAsync(options)
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <h4
      class="  css-838f5l-h4-h4-STYLES_H4"
      data-components-heading="true"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="arguments-3"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#arguments-3"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            Arguments
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h4>
    <ul
      class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <strong
          class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
        >
          options
           (
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="/#appleauthenticationsignoutoptions"
            >
              AppleAuthenticationSignOutOptions
            </a>
          </code>
          )
        </strong>
         -
        <span>
          An
          <a
            class="css-12zqqiz-STYLES_EXTERNAL_LINK"
            href="/#appleauthenticationsignoutoptions"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              AppleAuthenticationSignOutOptions
            </code>
          </a>
           object
        </span>
      </li>
    </ul>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      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-101h856-paragraph-STYLES_PARAGRAPH"
      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-12zqqiz-STYLES_EXTERNAL_LINK"
        href="/#signinasync"
      >
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          signInAsync
        </code>
      </a>
       or
      <a
        class="css-12zqqiz-STYLES_EXTERNAL_LINK"
        href="/#refreshasync"
      >
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          refreshAsync
        </code>
      </a>
       methods.
    </p>
    <div>
      <h4
        class="  css-838f5l-h4-h4-STYLES_H4"
        data-components-heading="true"
        data-heading="true"
      >
        <div
          class="css-1rh3o5q-STYLES_PERMALINK"
        >
          <span
            class="css-zonpcr-STYLES_PERMALINK_TARGET"
            id="returns-4"
          />
          <a
            class="css-15lh5hg-STYLES_PERMALINK_LINK"
            href="#returns-4"
          >
            <span
              class="css-1icvi79-STYLED_PERMALINK_CONTENT"
            >
              Returns
            </span>
            <span
              class="css-10vdcw8-STYLES_PERMALINK_ICON"
            >
              <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>
        </div>
      </h4>
      <ul
        class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-1wwpkbk-STYLES_LIST_ITEM-STYLE_RETURN_LIST-LI"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
              rel="noopener noreferrer"
            >
              Promise
            </a>
            &lt;
            <span>
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#appleauthenticationcredential"
              >
                AppleAuthenticationCredential
              </a>
            </span>
            &gt;
          </code>
        </li>
      </ul>
      <p
        class="css-101h856-paragraph-STYLES_PARAGRAPH"
        data-text="true"
      >
        A promise that fulfills with an
        <a
          class="css-12zqqiz-STYLES_EXTERNAL_LINK"
          href="/#appleauthenticationcredential"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            AppleAuthenticationCredential
          </code>
        </a>

object after a successful authentication, and rejects with
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          ERR_CANCELED
        </code>
         if the user cancels the
sign-out operation.
      </p>
    </div>
  </div>
  <h2
    class="css-et60wy-h2-h2-STYLES_H2"
    data-heading="true"
  >
    <div
      class="css-1rh3o5q-STYLES_PERMALINK"
    >
      <span
        class="css-zonpcr-STYLES_PERMALINK_TARGET"
        id="event-subscriptions"
      />
      <a
        class="css-15lh5hg-STYLES_PERMALINK_LINK"
        href="#event-subscriptions"
      >
        <span
          class="css-1icvi79-STYLED_PERMALINK_CONTENT"
        >
          Event Subscriptions
        </span>
        <span
          class="css-10vdcw8-STYLES_PERMALINK_ICON"
        >
          <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>
    </div>
  </h2>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="addrevokelistenerlistener"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#addrevokelistenerlistener"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-ni28os-STYLES_INLINE_CODE-STYLES_NOT_EXPOSED_HEADER-InlineCode"
            >
              addRevokeListener(listener)
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <h4
      class="  css-838f5l-h4-h4-STYLES_H4"
      data-components-heading="true"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="arguments-4"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#arguments-4"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            Arguments
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h4>
    <ul
      class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <strong
          class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
        >
          listener
           (
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            () =&gt;

            void
          </code>
          )
        </strong>
      </li>
    </ul>
    <div>
      <h4
        class="  css-838f5l-h4-h4-STYLES_H4"
        data-components-heading="true"
        data-heading="true"
      >
        <div
          class="css-1rh3o5q-STYLES_PERMALINK"
        >
          <span
            class="css-zonpcr-STYLES_PERMALINK_TARGET"
            id="returns-5"
          />
          <a
            class="css-15lh5hg-STYLES_PERMALINK_LINK"
            href="#returns-5"
          >
            <span
              class="css-1icvi79-STYLED_PERMALINK_CONTENT"
            >
              Returns
            </span>
            <span
              class="css-10vdcw8-STYLES_PERMALINK_ICON"
            >
              <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>
        </div>
      </h4>
      <ul
        class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-1wwpkbk-STYLES_LIST_ITEM-STYLE_RETURN_LIST-LI"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="/#subscription"
            >
              Subscription
            </a>
          </code>
        </li>
      </ul>
    </div>
  </div>
  <h2
    class="css-et60wy-h2-h2-STYLES_H2"
    data-heading="true"
  >
    <div
      class="css-1rh3o5q-STYLES_PERMALINK"
    >
      <span
        class="css-zonpcr-STYLES_PERMALINK_TARGET"
        id="types"
      />
      <a
        class="css-15lh5hg-STYLES_PERMALINK_LINK"
        href="#types"
      >
        <span
          class="css-1icvi79-STYLED_PERMALINK_CONTENT"
        >
          Types
        </span>
        <span
          class="css-10vdcw8-STYLES_PERMALINK_ICON"
        >
          <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>
    </div>
  </h2>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="appleauthenticationcredential"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#appleauthenticationcredential"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              AppleAuthenticationCredential

            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      The object type returned from a successful call to
      <a
        class="css-12zqqiz-STYLES_EXTERNAL_LINK"
        href="/#appleauthenticationsigninasyncoptions"
      >
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          AppleAuthentication.signInAsync()
        </code>
      </a>
      ,

      <a
        class="css-12zqqiz-STYLES_EXTERNAL_LINK"
        href="/#appleauthenticationrefreshasyncoptions"
      >
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          AppleAuthentication.refreshAsync()
        </code>
      </a>
      , or
      <a
        class="css-12zqqiz-STYLES_EXTERNAL_LINK"
        href="/#appleauthenticationsignoutasyncoptions"
      >
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          AppleAuthentication.signOutAsync()
        </code>
      </a>

which contains all of the pertinent user and credential information.
    </p>
    <blockquote
      class="css-1vk32i8-paragraph-STYLES_BLOCKQUOTE"
      data-text="true"
    >
      <div>
        <div
          style="margin-top: 2px;"
        >
          <svg
            aria-label="check"
            fill="none"
            height="16"
            viewBox="0 0 24 24"
            width="16"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12c6.628 0 12-5.373 12-12S18.628 0 12 0zm-.015 5.419c.269-.292.596-.44.973-.44.306 0 .575.11.776.317.203.207.306.472.306.786 0 .394-.137.745-.409 1.042-.279.306-.605.462-.968.462-.3 0-.566-.113-.768-.326-.201-.208-.304-.48-.304-.809 0-.401.133-.749.394-1.032zm1.999 11.305c-.995.936-1.705 1.52-2.17 1.784-.496.284-.905.423-1.25.423-.342 0-.621-.114-.83-.338-.202-.218-.305-.51-.305-.87 0-.92.521-3.058 1.595-6.534a1.47 1.47 0 00.042-.166c-.04.017-.087.041-.14.075-.088.055-.356.265-1.14 1.03a.334.334 0 01-.438.025l-.463-.358a.334.334 0 01-.043-.49c.722-.794 1.395-1.371 2.002-1.714.636-.358 1.173-.533 1.643-.533.303 0 .548.076.729.225.196.164.3.391.3.658 0 .175-.084.63-.697 2.686-.875 2.937-1.084 4.003-1.099 4.372.166-.098.558-.376 1.395-1.162a.334.334 0 01.462.003l.411.4a.334.334 0 01-.004.484z"
              fill="var(--expo-theme-icon-default)"
            />
          </svg>
        </div>
      </div>
      <div>
        <strong
          class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
        >
          See:
        </strong>
        <span>
          <a
            class="css-12zqqiz-STYLES_EXTERNAL_LINK"
            href="https://developer.apple.com/documentation/authenticationservices/asauthorizationappleidcredential"
            rel="noopener noreferrer"
          >
            Apple
Documentation
          </a>

for more details.
        </span>
      </div>
    </blockquote>
    <table>
      <thead>
        <tr>
          <th>
            Name
          </th>
          <th>
            Type
          </th>
          <th>
            Description
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              authorizationCode
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <span>
                string
                 |
              </span>
              <span>
                null
              </span>
            </code>
          </td>
          <td>
            <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-18wudxk-STYLES_INLINE_CODE-InlineCode"
              >
                user
              </code>
              , this is ephemeral and will change each session.
            </span>
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              email
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <span>
                string
                 |
              </span>
              <span>
                null
              </span>
            </code>
          </td>
          <td>
            <span>
              The user's email address. Might not be present if you didn't request the
              <code
                class="inline css-18wudxk-STYLES_INLINE_CODE-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>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              fullName
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <span>
                <a
                  class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                  href="/#appleauthenticationfullname"
                >
                  AppleAuthenticationFullName
                </a>
                 |
              </span>
              <span>
                null
              </span>
            </code>
          </td>
          <td>
            <span>
              The user's name. May be
              <code
                class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
              >
                null
              </code>
               or contain
              <code
                class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
              >
                null
              </code>
               values if you didn't request the
              <code
                class="inline css-18wudxk-STYLES_INLINE_CODE-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>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              identityToken
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <span>
                string
                 |
              </span>
              <span>
                null
              </span>
            </code>
          </td>
          <td>
            <span>
              A JSON Web Token (JWT) that securely communicates information about the user to your app.
            </span>
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              realUserStatus
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#appleauthenticationuserdetectionstatus"
              >
                AppleAuthenticationUserDetectionStatus
              </a>
            </code>
          </td>
          <td>
            <span>
              A value that indicates whether the user appears to the system to be a real person.
            </span>
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              state
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <span>
                string
                 |
              </span>
              <span>
                null
              </span>
            </code>
          </td>
          <td>
            <span>
              An arbitrary string that your app provided as
              <code
                class="inline css-18wudxk-STYLES_INLINE_CODE-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-18wudxk-STYLES_INLINE_CODE-InlineCode"
              >
                state
              </code>
               when making the sign-in request, this field
will be
              <code
                class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
              >
                null
              </code>
              .
            </span>
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              user
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              string
            </code>
          </td>
          <td>
            <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>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="appleauthenticationfullname"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#appleauthenticationfullname"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              AppleAuthenticationFullName

            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      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-18wudxk-STYLES_INLINE_CODE-InlineCode"
      >
        null
      </code>
      . Only applicable fields that the user has allowed your app to access will be nonnull.
    </p>
    <table>
      <thead>
        <tr>
          <th>
            Name
          </th>
          <th>
            Type
          </th>
          <th>
            Description
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              familyName
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <span>
                string
                 |
              </span>
              <span>
                null
              </span>
            </code>
          </td>
          <td>
            -
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              givenName
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <span>
                string
                 |
              </span>
              <span>
                null
              </span>
            </code>
          </td>
          <td>
            -
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              middleName
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <span>
                string
                 |
              </span>
              <span>
                null
              </span>
            </code>
          </td>
          <td>
            -
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              namePrefix
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <span>
                string
                 |
              </span>
              <span>
                null
              </span>
            </code>
          </td>
          <td>
            -
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              nameSuffix
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <span>
                string
                 |
              </span>
              <span>
                null
              </span>
            </code>
          </td>
          <td>
            -
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              nickname
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <span>
                string
                 |
              </span>
              <span>
                null
              </span>
            </code>
          </td>
          <td>
            -
          </td>
        </tr>
      </tbody>
    </table>
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="appleauthenticationrefreshoptions"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#appleauthenticationrefreshoptions"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              AppleAuthenticationRefreshOptions

            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      The options you can supply when making a call to
      <a
        class="css-12zqqiz-STYLES_EXTERNAL_LINK"
        href="/#appleauthenticationrefreshasyncoptions"
      >
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-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-1vk32i8-paragraph-STYLES_BLOCKQUOTE"
      data-text="true"
    >
      <div>
        <div
          style="margin-top: 2px;"
        >
          <svg
            aria-label="check"
            fill="none"
            height="16"
            viewBox="0 0 24 24"
            width="16"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12c6.628 0 12-5.373 12-12S18.628 0 12 0zm-.015 5.419c.269-.292.596-.44.973-.44.306 0 .575.11.776.317.203.207.306.472.306.786 0 .394-.137.745-.409 1.042-.279.306-.605.462-.968.462-.3 0-.566-.113-.768-.326-.201-.208-.304-.48-.304-.809 0-.401.133-.749.394-1.032zm1.999 11.305c-.995.936-1.705 1.52-2.17 1.784-.496.284-.905.423-1.25.423-.342 0-.621-.114-.83-.338-.202-.218-.305-.51-.305-.87 0-.92.521-3.058 1.595-6.534a1.47 1.47 0 00.042-.166c-.04.017-.087.041-.14.075-.088.055-.356.265-1.14 1.03a.334.334 0 01-.438.025l-.463-.358a.334.334 0 01-.043-.49c.722-.794 1.395-1.371 2.002-1.714.636-.358 1.173-.533 1.643-.533.303 0 .548.076.729.225.196.164.3.391.3.658 0 .175-.084.63-.697 2.686-.875 2.937-1.084 4.003-1.099 4.372.166-.098.558-.376 1.395-1.162a.334.334 0 01.462.003l.411.4a.334.334 0 01-.004.484z"
              fill="var(--expo-theme-icon-default)"
            />
          </svg>
        </div>
      </div>
      <div>
        <strong
          class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
        >
          See:
        </strong>
        <span>
          <a
            class="css-12zqqiz-STYLES_EXTERNAL_LINK"
            href="https://developer.apple.com/documentation/authenticationservices/asauthorizationopenidrequest"
            rel="noopener noreferrer"
          >
            Apple
Documentation
          </a>

for more details.
        </span>
      </div>
    </blockquote>
    <table>
      <thead>
        <tr>
          <th>
            Name
          </th>
          <th>
            Type
          </th>
          <th>
            Description
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              requestedScopes
            </strong>
            <br />
            <span
              class="css-fbbx5x-STYLES_OPTIONAL"
            >
              (optional)
            </span>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#appleauthenticationscope"
              >
                AppleAuthenticationScope
                []
              </a>
            </code>
          </td>
          <td>
            <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-18wudxk-STYLES_INLINE_CODE-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-18wudxk-STYLES_INLINE_CODE-InlineCode"
              >
                null
              </code>
              . Defaults to
              <code
                class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
              >
                []
              </code>
               (no scopes).
            </span>
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              state
            </strong>
            <br />
            <span
              class="css-fbbx5x-STYLES_OPTIONAL"
            >
              (optional)
            </span>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              string
            </code>
          </td>
          <td>
            <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-12zqqiz-STYLES_EXTERNAL_LINK"
                href="https://tools.ietf.org/html/rfc6749#section-10.12"
                rel="noopener noreferrer"
              >
                RFC6749
              </a>
              .
            </span>
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              user
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              string
            </code>
          </td>
          <td>
            -
          </td>
        </tr>
      </tbody>
    </table>
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="appleauthenticationsigninoptions"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#appleauthenticationsigninoptions"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              AppleAuthenticationSignInOptions

            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      The options you can supply when making a call to
      <a
        class="css-12zqqiz-STYLES_EXTERNAL_LINK"
        href="/#appleauthenticationsigninasyncoptions"
      >
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          AppleAuthentication.signInAsync()
        </code>
      </a>
      .
None of these options are required.
    </p>
    <blockquote
      class="css-1vk32i8-paragraph-STYLES_BLOCKQUOTE"
      data-text="true"
    >
      <div>
        <div
          style="margin-top: 2px;"
        >
          <svg
            aria-label="check"
            fill="none"
            height="16"
            viewBox="0 0 24 24"
            width="16"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12c6.628 0 12-5.373 12-12S18.628 0 12 0zm-.015 5.419c.269-.292.596-.44.973-.44.306 0 .575.11.776.317.203.207.306.472.306.786 0 .394-.137.745-.409 1.042-.279.306-.605.462-.968.462-.3 0-.566-.113-.768-.326-.201-.208-.304-.48-.304-.809 0-.401.133-.749.394-1.032zm1.999 11.305c-.995.936-1.705 1.52-2.17 1.784-.496.284-.905.423-1.25.423-.342 0-.621-.114-.83-.338-.202-.218-.305-.51-.305-.87 0-.92.521-3.058 1.595-6.534a1.47 1.47 0 00.042-.166c-.04.017-.087.041-.14.075-.088.055-.356.265-1.14 1.03a.334.334 0 01-.438.025l-.463-.358a.334.334 0 01-.043-.49c.722-.794 1.395-1.371 2.002-1.714.636-.358 1.173-.533 1.643-.533.303 0 .548.076.729.225.196.164.3.391.3.658 0 .175-.084.63-.697 2.686-.875 2.937-1.084 4.003-1.099 4.372.166-.098.558-.376 1.395-1.162a.334.334 0 01.462.003l.411.4a.334.334 0 01-.004.484z"
              fill="var(--expo-theme-icon-default)"
            />
          </svg>
        </div>
      </div>
      <div>
        <strong
          class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
        >
          See:
        </strong>
        <span>
          <a
            class="css-12zqqiz-STYLES_EXTERNAL_LINK"
            href="https://developer.apple.com/documentation/authenticationservices/asauthorizationopenidrequest"
            rel="noopener noreferrer"
          >
            Apple
Documentation
          </a>

for more details.
        </span>
      </div>
    </blockquote>
    <table>
      <thead>
        <tr>
          <th>
            Name
          </th>
          <th>
            Type
          </th>
          <th>
            Description
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              nonce
            </strong>
            <br />
            <span
              class="css-fbbx5x-STYLES_OPTIONAL"
            >
              (optional)
            </span>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              string
            </code>
          </td>
          <td>
            <span>
              An arbitrary string that is used to prevent replay attacks. See more information on this in the

              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="https://openid.net/specs/openid-connect-core-1_0.html#CodeFlowSteps"
                rel="noopener noreferrer"
              >
                OpenID Connect specification
              </a>
              .
            </span>
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              requestedScopes
            </strong>
            <br />
            <span
              class="css-fbbx5x-STYLES_OPTIONAL"
            >
              (optional)
            </span>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#appleauthenticationscope"
              >
                AppleAuthenticationScope
                []
              </a>
            </code>
          </td>
          <td>
            <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-18wudxk-STYLES_INLINE_CODE-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-18wudxk-STYLES_INLINE_CODE-InlineCode"
              >
                null
              </code>
              . Defaults to
              <code
                class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
              >
                []
              </code>
               (no scopes).
            </span>
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              state
            </strong>
            <br />
            <span
              class="css-fbbx5x-STYLES_OPTIONAL"
            >
              (optional)
            </span>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              string
            </code>
          </td>
          <td>
            <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-12zqqiz-STYLES_EXTERNAL_LINK"
                href="https://tools.ietf.org/html/rfc6749#section-10.12"
                rel="noopener noreferrer"
              >
                RFC6749
              </a>
              .
            </span>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="appleauthenticationsignoutoptions"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#appleauthenticationsignoutoptions"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              AppleAuthenticationSignOutOptions

            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      The options you can supply when making a call to
      <a
        class="css-12zqqiz-STYLES_EXTERNAL_LINK"
        href="/#appleauthenticationsignoutasyncoptions"
      >
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          AppleAuthentication.signOutAsync()
        </code>
      </a>
      .
You must include the ID string of the user to sign out.
    </p>
    <blockquote
      class="css-1vk32i8-paragraph-STYLES_BLOCKQUOTE"
      data-text="true"
    >
      <div>
        <div
          style="margin-top: 2px;"
        >
          <svg
            aria-label="check"
            fill="none"
            height="16"
            viewBox="0 0 24 24"
            width="16"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12c6.628 0 12-5.373 12-12S18.628 0 12 0zm-.015 5.419c.269-.292.596-.44.973-.44.306 0 .575.11.776.317.203.207.306.472.306.786 0 .394-.137.745-.409 1.042-.279.306-.605.462-.968.462-.3 0-.566-.113-.768-.326-.201-.208-.304-.48-.304-.809 0-.401.133-.749.394-1.032zm1.999 11.305c-.995.936-1.705 1.52-2.17 1.784-.496.284-.905.423-1.25.423-.342 0-.621-.114-.83-.338-.202-.218-.305-.51-.305-.87 0-.92.521-3.058 1.595-6.534a1.47 1.47 0 00.042-.166c-.04.017-.087.041-.14.075-.088.055-.356.265-1.14 1.03a.334.334 0 01-.438.025l-.463-.358a.334.334 0 01-.043-.49c.722-.794 1.395-1.371 2.002-1.714.636-.358 1.173-.533 1.643-.533.303 0 .548.076.729.225.196.164.3.391.3.658 0 .175-.084.63-.697 2.686-.875 2.937-1.084 4.003-1.099 4.372.166-.098.558-.376 1.395-1.162a.334.334 0 01.462.003l.411.4a.334.334 0 01-.004.484z"
              fill="var(--expo-theme-icon-default)"
            />
          </svg>
        </div>
      </div>
      <div>
        <strong
          class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
        >
          See:
        </strong>
        <span>
          <a
            class="css-12zqqiz-STYLES_EXTERNAL_LINK"
            href="https://developer.apple.com/documentation/authenticationservices/asauthorizationopenidrequest"
            rel="noopener noreferrer"
          >
            Apple
Documentation
          </a>

for more details.
        </span>
      </div>
    </blockquote>
    <table>
      <thead>
        <tr>
          <th>
            Name
          </th>
          <th>
            Type
          </th>
          <th>
            Description
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              state
            </strong>
            <br />
            <span
              class="css-fbbx5x-STYLES_OPTIONAL"
            >
              (optional)
            </span>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              string
            </code>
          </td>
          <td>
            <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-12zqqiz-STYLES_EXTERNAL_LINK"
                href="https://tools.ietf.org/html/rfc6749#section-10.12"
                rel="noopener noreferrer"
              >
                RFC6749
              </a>
              .
            </span>
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              user
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              string
            </code>
          </td>
          <td>
            -
          </td>
        </tr>
      </tbody>
    </table>
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="subscription"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#subscription"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              Subscription

            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <table>
      <thead>
        <tr>
          <th>
            Name
          </th>
          <th>
            Type
          </th>
          <th>
            Description
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              remove
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              (

              ) =&gt;
              void
            </code>
          </td>
          <td>
            <span>
              A method to unsubscribe the listener.
            </span>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
  <h2
    class="css-et60wy-h2-h2-STYLES_H2"
    data-heading="true"
  >
    <div
      class="css-1rh3o5q-STYLES_PERMALINK"
    >
      <span
        class="css-zonpcr-STYLES_PERMALINK_TARGET"
        id="enums"
      />
      <a
        class="css-15lh5hg-STYLES_PERMALINK_LINK"
        href="#enums"
      >
        <span
          class="css-1icvi79-STYLED_PERMALINK_CONTENT"
        >
          Enums
        </span>
        <span
          class="css-10vdcw8-STYLES_PERMALINK_ICON"
        >
          <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>
    </div>
  </h2>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="appleauthenticationbuttonstyle"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#appleauthenticationbuttonstyle"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              AppleAuthenticationButtonStyle
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      An enum whose values control which pre-defined color scheme to use when rendering an
      <a
        class="css-12zqqiz-STYLES_EXTERNAL_LINK"
        href="/#appleauthenticationappleauthenticationbutton"
      >
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          AppleAuthenticationButton
        </code>
      </a>
      .
    </p>
    <ul
      class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            WHITE
          </code>
        </span>
         -
        <span>
          White button with black text.
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            AppleAuthenticationButtonStyle
            .
            WHITE
             ＝
            0
          </code>
        </p>
      </li>
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            WHITE_OUTLINE
          </code>
        </span>
         -
        <span>
          White button with a black outline and black text.
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            AppleAuthenticationButtonStyle
            .
            WHITE_OUTLINE
             ＝
            1
          </code>
        </p>
      </li>
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            BLACK
          </code>
        </span>
         -
        <span>
          Black button with white text.
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            AppleAuthenticationButtonStyle
            .
            BLACK
             ＝
            2
          </code>
        </p>
      </li>
    </ul>
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="appleauthenticationbuttontype"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#appleauthenticationbuttontype"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              AppleAuthenticationButtonType
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      An enum whose values control which pre-defined text to use when rendering an
      <a
        class="css-12zqqiz-STYLES_EXTERNAL_LINK"
        href="/#appleauthenticationappleauthenticationbutton"
      >
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          AppleAuthenticationButton
        </code>
      </a>
      .
    </p>
    <ul
      class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            SIGN_IN
          </code>
        </span>
         -
        <span>
          "Sign in with Apple"
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            AppleAuthenticationButtonType
            .
            SIGN_IN
             ＝
            0
          </code>
        </p>
      </li>
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            CONTINUE
          </code>
        </span>
         -
        <span>
          "Continue with Apple"
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            AppleAuthenticationButtonType
            .
            CONTINUE
             ＝
            1
          </code>
        </p>
      </li>
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            SIGN_UP
          </code>
        </span>
         -
        <span>
          "Sign up with Apple"
          <em>
            (requires iOS 13.2 or higher)
          </em>
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            AppleAuthenticationButtonType
            .
            SIGN_UP
             ＝
            2
          </code>
        </p>
      </li>
    </ul>
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="appleauthenticationcredentialstate"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#appleauthenticationcredentialstate"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              AppleAuthenticationCredentialState
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      An enum whose values specify state of the credential when checked with
      <a
        class="css-12zqqiz-STYLES_EXTERNAL_LINK"
        href="/#appleauthenticationgetcredentialstateasyncuser"
      >
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          AppleAuthentication.getCredentialStateAsync()
        </code>
      </a>
      .
    </p>
    <blockquote
      class="css-1vk32i8-paragraph-STYLES_BLOCKQUOTE"
      data-text="true"
    >
      <div>
        <div
          style="margin-top: 2px;"
        >
          <svg
            aria-label="check"
            fill="none"
            height="16"
            viewBox="0 0 24 24"
            width="16"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12c6.628 0 12-5.373 12-12S18.628 0 12 0zm-.015 5.419c.269-.292.596-.44.973-.44.306 0 .575.11.776.317.203.207.306.472.306.786 0 .394-.137.745-.409 1.042-.279.306-.605.462-.968.462-.3 0-.566-.113-.768-.326-.201-.208-.304-.48-.304-.809 0-.401.133-.749.394-1.032zm1.999 11.305c-.995.936-1.705 1.52-2.17 1.784-.496.284-.905.423-1.25.423-.342 0-.621-.114-.83-.338-.202-.218-.305-.51-.305-.87 0-.92.521-3.058 1.595-6.534a1.47 1.47 0 00.042-.166c-.04.017-.087.041-.14.075-.088.055-.356.265-1.14 1.03a.334.334 0 01-.438.025l-.463-.358a.334.334 0 01-.043-.49c.722-.794 1.395-1.371 2.002-1.714.636-.358 1.173-.533 1.643-.533.303 0 .548.076.729.225.196.164.3.391.3.658 0 .175-.084.63-.697 2.686-.875 2.937-1.084 4.003-1.099 4.372.166-.098.558-.376 1.395-1.162a.334.334 0 01.462.003l.411.4a.334.334 0 01-.004.484z"
              fill="var(--expo-theme-icon-default)"
            />
          </svg>
        </div>
      </div>
      <div>
        <strong
          class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
        >
          See:
        </strong>
        <span>
          <a
            class="css-12zqqiz-STYLES_EXTERNAL_LINK"
            href="https://developer.apple.com/documentation/authenticationservices/asauthorizationappleidprovidercredentialstate"
            rel="noopener noreferrer"
          >
            Apple
Documentation
          </a>

for more details.
        </span>
      </div>
    </blockquote>
    <ul
      class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            REVOKED
          </code>
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            AppleAuthenticationCredentialState
            .
            REVOKED
             ＝
            0
          </code>
        </p>
      </li>
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            AUTHORIZED
          </code>
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            AppleAuthenticationCredentialState
            .
            AUTHORIZED
             ＝
            1
          </code>
        </p>
      </li>
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            NOT_FOUND
          </code>
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            AppleAuthenticationCredentialState
            .
            NOT_FOUND
             ＝
            2
          </code>
        </p>
      </li>
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            TRANSFERRED
          </code>
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            AppleAuthenticationCredentialState
            .
            TRANSFERRED
             ＝
            3
          </code>
        </p>
      </li>
    </ul>
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="appleauthenticationoperation"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#appleauthenticationoperation"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              AppleAuthenticationOperation
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <ul
      class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            IMPLICIT
          </code>
        </span>
         -
        <span>
          An operation that depends on the particular kind of credential provider.
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            AppleAuthenticationOperation
            .
            IMPLICIT
             ＝
            0
          </code>
        </p>
      </li>
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            LOGIN
          </code>
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            AppleAuthenticationOperation
            .
            LOGIN
             ＝
            1
          </code>
        </p>
      </li>
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            REFRESH
          </code>
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            AppleAuthenticationOperation
            .
            REFRESH
             ＝
            2
          </code>
        </p>
      </li>
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            LOGOUT
          </code>
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            AppleAuthenticationOperation
            .
            LOGOUT
             ＝
            3
          </code>
        </p>
      </li>
    </ul>
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="appleauthenticationscope"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#appleauthenticationscope"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              AppleAuthenticationScope
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      An enum whose values specify scopes you can request when calling
      <a
        class="css-12zqqiz-STYLES_EXTERNAL_LINK"
        href="/#appleauthenticationsigninasyncoptions"
      >
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          AppleAuthentication.signInAsync()
        </code>
      </a>
      .
    </p>
    <blockquote
      class="css-1vk32i8-paragraph-STYLES_BLOCKQUOTE"
      data-text="true"
    >
      <div>
        <div
          style="margin-top: 2px;"
        >
          <svg
            aria-label="check"
            fill="none"
            height="16"
            viewBox="0 0 24 24"
            width="16"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12c6.628 0 12-5.373 12-12S18.628 0 12 0zm-.015 5.419c.269-.292.596-.44.973-.44.306 0 .575.11.776.317.203.207.306.472.306.786 0 .394-.137.745-.409 1.042-.279.306-.605.462-.968.462-.3 0-.566-.113-.768-.326-.201-.208-.304-.48-.304-.809 0-.401.133-.749.394-1.032zm1.999 11.305c-.995.936-1.705 1.52-2.17 1.784-.496.284-.905.423-1.25.423-.342 0-.621-.114-.83-.338-.202-.218-.305-.51-.305-.87 0-.92.521-3.058 1.595-6.534a1.47 1.47 0 00.042-.166c-.04.017-.087.041-.14.075-.088.055-.356.265-1.14 1.03a.334.334 0 01-.438.025l-.463-.358a.334.334 0 01-.043-.49c.722-.794 1.395-1.371 2.002-1.714.636-.358 1.173-.533 1.643-.533.303 0 .548.076.729.225.196.164.3.391.3.658 0 .175-.084.63-.697 2.686-.875 2.937-1.084 4.003-1.099 4.372.166-.098.558-.376 1.395-1.162a.334.334 0 01.462.003l.411.4a.334.334 0 01-.004.484z"
              fill="var(--expo-theme-icon-default)"
            />
          </svg>
        </div>
      </div>
      <div>


        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.


      </div>
    </blockquote>
    <blockquote
      class="css-1vk32i8-paragraph-STYLES_BLOCKQUOTE"
      data-text="true"
    >
      <div>
        <div
          style="margin-top: 2px;"
        >
          <svg
            aria-label="check"
            fill="none"
            height="16"
            viewBox="0 0 24 24"
            width="16"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12c6.628 0 12-5.373 12-12S18.628 0 12 0zm-.015 5.419c.269-.292.596-.44.973-.44.306 0 .575.11.776.317.203.207.306.472.306.786 0 .394-.137.745-.409 1.042-.279.306-.605.462-.968.462-.3 0-.566-.113-.768-.326-.201-.208-.304-.48-.304-.809 0-.401.133-.749.394-1.032zm1.999 11.305c-.995.936-1.705 1.52-2.17 1.784-.496.284-.905.423-1.25.423-.342 0-.621-.114-.83-.338-.202-.218-.305-.51-.305-.87 0-.92.521-3.058 1.595-6.534a1.47 1.47 0 00.042-.166c-.04.017-.087.041-.14.075-.088.055-.356.265-1.14 1.03a.334.334 0 01-.438.025l-.463-.358a.334.334 0 01-.043-.49c.722-.794 1.395-1.371 2.002-1.714.636-.358 1.173-.533 1.643-.533.303 0 .548.076.729.225.196.164.3.391.3.658 0 .175-.084.63-.697 2.686-.875 2.937-1.084 4.003-1.099 4.372.166-.098.558-.376 1.395-1.162a.334.334 0 01.462.003l.411.4a.334.334 0 01-.004.484z"
              fill="var(--expo-theme-icon-default)"
            />
          </svg>
        </div>
      </div>
      <div>
        <strong
          class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
        >
          See:
        </strong>
        <span>
          <a
            class="css-12zqqiz-STYLES_EXTERNAL_LINK"
            href="https://developer.apple.com/documentation/authenticationservices/asauthorizationscope"
            rel="noopener noreferrer"
          >
            Apple
Documentation
          </a>

for more details.
        </span>
      </div>
    </blockquote>
    <ul
      class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            FULL_NAME
          </code>
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            AppleAuthenticationScope
            .
            FULL_NAME
             ＝
            0
          </code>
        </p>
      </li>
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            EMAIL
          </code>
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            AppleAuthenticationScope
            .
            EMAIL
             ＝
            1
          </code>
        </p>
      </li>
    </ul>
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="appleauthenticationuserdetectionstatus"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#appleauthenticationuserdetectionstatus"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              AppleAuthenticationUserDetectionStatus
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      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-1vk32i8-paragraph-STYLES_BLOCKQUOTE"
      data-text="true"
    >
      <div>
        <div
          style="margin-top: 2px;"
        >
          <svg
            aria-label="check"
            fill="none"
            height="16"
            viewBox="0 0 24 24"
            width="16"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12c6.628 0 12-5.373 12-12S18.628 0 12 0zm-.015 5.419c.269-.292.596-.44.973-.44.306 0 .575.11.776.317.203.207.306.472.306.786 0 .394-.137.745-.409 1.042-.279.306-.605.462-.968.462-.3 0-.566-.113-.768-.326-.201-.208-.304-.48-.304-.809 0-.401.133-.749.394-1.032zm1.999 11.305c-.995.936-1.705 1.52-2.17 1.784-.496.284-.905.423-1.25.423-.342 0-.621-.114-.83-.338-.202-.218-.305-.51-.305-.87 0-.92.521-3.058 1.595-6.534a1.47 1.47 0 00.042-.166c-.04.017-.087.041-.14.075-.088.055-.356.265-1.14 1.03a.334.334 0 01-.438.025l-.463-.358a.334.334 0 01-.043-.49c.722-.794 1.395-1.371 2.002-1.714.636-.358 1.173-.533 1.643-.533.303 0 .548.076.729.225.196.164.3.391.3.658 0 .175-.084.63-.697 2.686-.875 2.937-1.084 4.003-1.099 4.372.166-.098.558-.376 1.395-1.162a.334.334 0 01.462.003l.411.4a.334.334 0 01-.004.484z"
              fill="var(--expo-theme-icon-default)"
            />
          </svg>
        </div>
      </div>
      <div>
        <strong
          class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
        >
          See:
        </strong>
        <span>
          <a
            class="css-12zqqiz-STYLES_EXTERNAL_LINK"
            href="https://developer.apple.com/documentation/authenticationservices/asuserdetectionstatus"
            rel="noopener noreferrer"
          >
            Apple
Documentation
          </a>

for more details.
        </span>
      </div>
    </blockquote>
    <ul
      class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            UNSUPPORTED
          </code>
        </span>
         -
        <span>
          The system does not support this determination and there is no data.
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            AppleAuthenticationUserDetectionStatus
            .
            UNSUPPORTED
             ＝
            0
          </code>
        </p>
      </li>
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            UNKNOWN
          </code>
        </span>
         -
        <span>
          The system has not determined whether the user might be a real person.
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            AppleAuthenticationUserDetectionStatus
            .
            UNKNOWN
             ＝
            1
          </code>
        </p>
      </li>
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            LIKELY_REAL
          </code>
        </span>
         -
        <span>
          The user appears to be a real person.
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            AppleAuthenticationUserDetectionStatus
            .
            LIKELY_REAL
             ＝
            2
          </code>
        </p>
      </li>
    </ul>
  </div>
</div>
`;

exports[`APISection expo-barcode-scanner 1`] = `
<div>
  <h2
    class="css-et60wy-h2-h2-STYLES_H2"
    data-heading="true"
  >
    <div
      class="css-1rh3o5q-STYLES_PERMALINK"
    >
      <span
        class="css-zonpcr-STYLES_PERMALINK_TARGET"
        id="components"
      />
      <a
        class="css-15lh5hg-STYLES_PERMALINK_LINK"
        href="#components"
      >
        <span
          class="css-1icvi79-STYLED_PERMALINK_CONTENT"
        >
          Components
        </span>
        <span
          class="css-10vdcw8-STYLES_PERMALINK_ICON"
        >
          <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>
    </div>
  </h2>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="barcodescanner"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#barcodescanner"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              BarCodeScanner
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      <strong
        class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
      >
        Type:
      </strong>

      <code
        class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
      >
        Component
        &lt;
        <span>
          <a
            class="css-12zqqiz-STYLES_EXTERNAL_LINK"
            href="/#barcodescannerprops"
          >
            BarCodeScannerProps
          </a>
        </span>
        &gt;
      </code>
    </p>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="barcodescannerprops"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#barcodescannerprops"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              BarCodeScannerProps
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <br />
    <div>
      <ul
        class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-1jvmp7m-STYLES_LIST_ITEM-STYLE_PROP_LIST-PROP_LIST_ELEMENT_STYLE-LI"
        >
          <h4
            class="  css-838f5l-h4-h4-STYLES_H4"
            data-components-heading="true"
            data-heading="true"
          >
            <div
              class="css-1rh3o5q-STYLES_PERMALINK"
            >
              <span
                class="css-zonpcr-STYLES_PERMALINK_TARGET"
                id="barcodetypes"
              />
              <a
                class="css-15lh5hg-STYLES_PERMALINK_LINK"
                href="#barcodetypes"
              >
                <span
                  class="css-1icvi79-STYLED_PERMALINK_CONTENT"
                >
                  barCodeTypes
                </span>
                <span
                  class="css-10vdcw8-STYLES_PERMALINK_ICON"
                >
                  <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>
            </div>
          </h4>
          <p
            class="css-101h856-paragraph-STYLES_PARAGRAPH"
            data-text="true"
          >
            <span
              class="css-t865as-STYLES_SECONDARY"
            >
              Optional • 
            </span>
            <span
              class="css-t865as-STYLES_SECONDARY"
            >
              Type:
            </span>

            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              string[]
            </code>
          </p>
          <p
            class="css-101h856-paragraph-STYLES_PARAGRAPH"
            data-text="true"
          >
            An array of bar code types. Usage:
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              BarCodeScanner.Constants.BarCodeType.&lt;codeType&gt;
            </code>
             where

            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              codeType
            </code>
             is one of these
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              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-101h856-paragraph-STYLES_PARAGRAPH"
            data-text="true"
          >
            For example:
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              barCodeTypes={[BarCodeScanner.Constants.BarCodeType.qr]}
            </code>
            .
          </p>
          <hr
            class="css-bxzs19-STYLES_DIVIDER"
          />
        </li>
        <li
          class="docs-list-item css-1jvmp7m-STYLES_LIST_ITEM-STYLE_PROP_LIST-PROP_LIST_ELEMENT_STYLE-LI"
        >
          <h4
            class="  css-838f5l-h4-h4-STYLES_H4"
            data-components-heading="true"
            data-heading="true"
          >
            <div
              class="css-1rh3o5q-STYLES_PERMALINK"
            >
              <span
                class="css-zonpcr-STYLES_PERMALINK_TARGET"
                id="onbarcodescanned"
              />
              <a
                class="css-15lh5hg-STYLES_PERMALINK_LINK"
                href="#onbarcodescanned"
              >
                <span
                  class="css-1icvi79-STYLED_PERMALINK_CONTENT"
                >
                  onBarCodeScanned
                </span>
                <span
                  class="css-10vdcw8-STYLES_PERMALINK_ICON"
                >
                  <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>
            </div>
          </h4>
          <p
            class="css-101h856-paragraph-STYLES_PARAGRAPH"
            data-text="true"
          >
            <span
              class="css-t865as-STYLES_SECONDARY"
            >
              Optional • 
            </span>
            <span
              class="css-t865as-STYLES_SECONDARY"
            >
              Type:
            </span>

            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#barcodescannedcallback"
              >
                BarCodeScannedCallback
              </a>
            </code>
          </p>
          <p
            class="css-101h856-paragraph-STYLES_PARAGRAPH"
            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-12zqqiz-STYLES_EXTERNAL_LINK"
              href="/#barcodescannerresult"
            >
              BarCodeScannerResult
            </a>
            .
          </p>


          <blockquote
            class="css-1vk32i8-paragraph-STYLES_BLOCKQUOTE"
            data-text="true"
          >
            <div>
              <div
                style="margin-top: 2px;"
              >
                <svg
                  aria-label="check"
                  fill="none"
                  height="16"
                  viewBox="0 0 24 24"
                  width="16"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12c6.628 0 12-5.373 12-12S18.628 0 12 0zm-.015 5.419c.269-.292.596-.44.973-.44.306 0 .575.11.776.317.203.207.306.472.306.786 0 .394-.137.745-.409 1.042-.279.306-.605.462-.968.462-.3 0-.566-.113-.768-.326-.201-.208-.304-.48-.304-.809 0-.401.133-.749.394-1.032zm1.999 11.305c-.995.936-1.705 1.52-2.17 1.784-.496.284-.905.423-1.25.423-.342 0-.621-.114-.83-.338-.202-.218-.305-.51-.305-.87 0-.92.521-3.058 1.595-6.534a1.47 1.47 0 00.042-.166c-.04.017-.087.041-.14.075-.088.055-.356.265-1.14 1.03a.334.334 0 01-.438.025l-.463-.358a.334.334 0 01-.043-.49c.722-.794 1.395-1.371 2.002-1.714.636-.358 1.173-.533 1.643-.533.303 0 .548.076.729.225.196.164.3.391.3.658 0 .175-.084.63-.697 2.686-.875 2.937-1.084 4.003-1.099 4.372.166-.098.558-.376 1.395-1.162a.334.334 0 01.462.003l.411.4a.334.334 0 01-.004.484z"
                    fill="var(--expo-theme-icon-default)"
                  />
                </svg>
              </div>
            </div>
            <div>


              <strong
                class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
              >
                Note:
              </strong>
               Passing
              <code
                class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
              >
                undefined
              </code>
               to the
              <code
                class="inline css-18wudxk-STYLES_INLINE_CODE-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.


            </div>
          </blockquote>
          <hr
            class="css-bxzs19-STYLES_DIVIDER"
          />
        </li>
        <li
          class="docs-list-item css-1jvmp7m-STYLES_LIST_ITEM-STYLE_PROP_LIST-PROP_LIST_ELEMENT_STYLE-LI"
        >
          <h4
            class="  css-838f5l-h4-h4-STYLES_H4"
            data-components-heading="true"
            data-heading="true"
          >
            <div
              class="css-1rh3o5q-STYLES_PERMALINK"
            >
              <span
                class="css-zonpcr-STYLES_PERMALINK_TARGET"
                id="type"
              />
              <a
                class="css-15lh5hg-STYLES_PERMALINK_LINK"
                href="#type"
              >
                <span
                  class="css-1icvi79-STYLED_PERMALINK_CONTENT"
                >
                  type
                </span>
                <span
                  class="css-10vdcw8-STYLES_PERMALINK_ICON"
                >
                  <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>
            </div>
          </h4>
          <p
            class="css-101h856-paragraph-STYLES_PARAGRAPH"
            data-text="true"
          >
            <span
              class="css-t865as-STYLES_SECONDARY"
            >
              Optional • 
            </span>
            <span
              class="css-t865as-STYLES_SECONDARY"
            >
              Type:
            </span>

            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <span>
                'front'
                 |
              </span>
              <span>
                'back'
                 |
              </span>
              <span>
                number
              </span>
            </code>
            <span>
              <span
                class="css-t865as-STYLES_SECONDARY"
              >
                 • Default:
              </span>

              <code
                class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
              >
                Type.back

              </code>
            </span>
          </p>
          <p
            class="css-101h856-paragraph-STYLES_PARAGRAPH"
            data-text="true"
          >
            Camera facing. Use one of
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              BarCodeScanner.Constants.Type
            </code>
            . Use either
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              Type.front
            </code>
             or
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              Type.back
            </code>
            .
Same as
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              Camera.Constants.Type
            </code>
            .
          </p>
          <hr
            class="css-bxzs19-STYLES_DIVIDER"
          />
        </li>
      </ul>
      <h4
        class="  css-838f5l-h4-h4-STYLES_H4"
        data-components-heading="true"
        data-heading="true"
      >
        <div
          class="css-1rh3o5q-STYLES_PERMALINK"
        >
          <span
            class="css-zonpcr-STYLES_PERMALINK_TARGET"
            id="inherited-props"
          />
          <a
            class="css-15lh5hg-STYLES_PERMALINK_LINK"
            href="#inherited-props"
          >
            <span
              class="css-1icvi79-STYLED_PERMALINK_CONTENT"
            >
              Inherited Props
            </span>
            <span
              class="css-10vdcw8-STYLES_PERMALINK_ICON"
            >
              <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>
        </div>
      </h4>
      <ul
        class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="/react-native/view#props"
            >
              ViewProps
            </a>
          </code>
        </li>
      </ul>
    </div>
  </div>
  <h2
    class="css-et60wy-h2-h2-STYLES_H2"
    data-heading="true"
  >
    <div
      class="css-1rh3o5q-STYLES_PERMALINK"
    >
      <span
        class="css-zonpcr-STYLES_PERMALINK_TARGET"
        id="hooks"
      />
      <a
        class="css-15lh5hg-STYLES_PERMALINK_LINK"
        href="#hooks"
      >
        <span
          class="css-1icvi79-STYLED_PERMALINK_CONTENT"
        >
          Hooks
        </span>
        <span
          class="css-10vdcw8-STYLES_PERMALINK_ICON"
        >
          <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>
    </div>
  </h2>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="usepermissions"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#usepermissions"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-ni28os-STYLES_INLINE_CODE-STYLES_NOT_EXPOSED_HEADER-InlineCode"
            >
              usePermissions
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <h4
      class="  css-838f5l-h4-h4-STYLES_H4"
      data-components-heading="true"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="arguments"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#arguments"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            Arguments
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h4>
    <ul
      class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <strong
          class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
        >
          options
          ?
           (
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="/#permissionhookoptions"
            >
              PermissionHookOptions
            </a>
            &lt;
            <span>
              object
            </span>
            &gt;
          </code>
          )
        </strong>
      </li>
    </ul>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      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>
      <h4
        class="  css-838f5l-h4-h4-STYLES_H4"
        data-components-heading="true"
        data-heading="true"
      >
        <div
          class="css-1rh3o5q-STYLES_PERMALINK"
        >
          <span
            class="css-zonpcr-STYLES_PERMALINK_TARGET"
            id="returns"
          />
          <a
            class="css-15lh5hg-STYLES_PERMALINK_LINK"
            href="#returns"
          >
            <span
              class="css-1icvi79-STYLED_PERMALINK_CONTENT"
            >
              Returns
            </span>
            <span
              class="css-10vdcw8-STYLES_PERMALINK_ICON"
            >
              <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>
        </div>
      </h4>
      <ul
        class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-1wwpkbk-STYLES_LIST_ITEM-STYLE_RETURN_LIST-LI"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            [
            <span>
              <span>
                null
                 |
              </span>
              <span>
                <a
                  class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                  href="/#permissionresponse"
                >
                  PermissionResponse
                </a>
              </span>
              ,
            </span>
            <span>
              RequestPermissionMethod
              &lt;
              <span>
                <a
                  class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                  href="/#permissionresponse"
                >
                  PermissionResponse
                </a>
              </span>
              &gt;
              ,
            </span>
            <span>
              GetPermissionMethod
              &lt;
              <span>
                <a
                  class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                  href="/#permissionresponse"
                >
                  PermissionResponse
                </a>
              </span>
              &gt;
            </span>
            ]
          </code>
        </li>
      </ul>
    </div>
  </div>
  <h2
    class="css-et60wy-h2-h2-STYLES_H2"
    data-heading="true"
  >
    <div
      class="css-1rh3o5q-STYLES_PERMALINK"
    >
      <span
        class="css-zonpcr-STYLES_PERMALINK_TARGET"
        id="methods"
      />
      <a
        class="css-15lh5hg-STYLES_PERMALINK_LINK"
        href="#methods"
      >
        <span
          class="css-1icvi79-STYLED_PERMALINK_CONTENT"
        >
          Methods
        </span>
        <span
          class="css-10vdcw8-STYLES_PERMALINK_ICON"
        >
          <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>
    </div>
  </h2>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="barcodescannergetpermissionsasync"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#barcodescannergetpermissionsasync"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-ni28os-STYLES_INLINE_CODE-STYLES_NOT_EXPOSED_HEADER-InlineCode"
            >
              BarCodeScanner.
              getPermissionsAsync()
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      Checks user's permissions for accessing the camera.
    </p>
    <div>
      <h4
        class="  css-838f5l-h4-h4-STYLES_H4"
        data-components-heading="true"
        data-heading="true"
      >
        <div
          class="css-1rh3o5q-STYLES_PERMALINK"
        >
          <span
            class="css-zonpcr-STYLES_PERMALINK_TARGET"
            id="returns-1"
          />
          <a
            class="css-15lh5hg-STYLES_PERMALINK_LINK"
            href="#returns-1"
          >
            <span
              class="css-1icvi79-STYLED_PERMALINK_CONTENT"
            >
              Returns
            </span>
            <span
              class="css-10vdcw8-STYLES_PERMALINK_ICON"
            >
              <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>
        </div>
      </h4>
      <ul
        class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-1wwpkbk-STYLES_LIST_ITEM-STYLE_RETURN_LIST-LI"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
              rel="noopener noreferrer"
            >
              Promise
            </a>
            &lt;
            <span>
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#permissionresponse"
              >
                PermissionResponse
              </a>
            </span>
            &gt;
          </code>
        </li>
      </ul>
      <p
        class="css-101h856-paragraph-STYLES_PARAGRAPH"
        data-text="true"
      >
        Return a promise that fulfills to an object of type
        <a
          class="css-12zqqiz-STYLES_EXTERNAL_LINK"
          href="/#permissionresponse"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            PermissionResponse
          </code>
        </a>
        .
      </p>
    </div>
    <hr />
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="barcodescannerrequestpermissionsasync"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#barcodescannerrequestpermissionsasync"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-ni28os-STYLES_INLINE_CODE-STYLES_NOT_EXPOSED_HEADER-InlineCode"
            >
              BarCodeScanner.
              requestPermissionsAsync()
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      Asks the user to grant permissions for accessing the camera.
    </p>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      On iOS this will require apps to specify the
      <code
        class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
      >
        NSCameraUsageDescription
      </code>
       entry in the
      <code
        class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
      >
        Info.plist
      </code>
      .
    </p>
    <div>
      <h4
        class="  css-838f5l-h4-h4-STYLES_H4"
        data-components-heading="true"
        data-heading="true"
      >
        <div
          class="css-1rh3o5q-STYLES_PERMALINK"
        >
          <span
            class="css-zonpcr-STYLES_PERMALINK_TARGET"
            id="returns-2"
          />
          <a
            class="css-15lh5hg-STYLES_PERMALINK_LINK"
            href="#returns-2"
          >
            <span
              class="css-1icvi79-STYLED_PERMALINK_CONTENT"
            >
              Returns
            </span>
            <span
              class="css-10vdcw8-STYLES_PERMALINK_ICON"
            >
              <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>
        </div>
      </h4>
      <ul
        class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-1wwpkbk-STYLES_LIST_ITEM-STYLE_RETURN_LIST-LI"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
              rel="noopener noreferrer"
            >
              Promise
            </a>
            &lt;
            <span>
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#permissionresponse"
              >
                PermissionResponse
              </a>
            </span>
            &gt;
          </code>
        </li>
      </ul>
      <p
        class="css-101h856-paragraph-STYLES_PARAGRAPH"
        data-text="true"
      >
        Return a promise that fulfills to an object of type
        <a
          class="css-12zqqiz-STYLES_EXTERNAL_LINK"
          href="/#permissionresponse"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            PermissionResponse
          </code>
        </a>
        .
      </p>
    </div>
    <hr />
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="barcodescannerscanfromurlasyncurl-barcodetypes"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#barcodescannerscanfromurlasyncurl-barcodetypes"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-ni28os-STYLES_INLINE_CODE-STYLES_NOT_EXPOSED_HEADER-InlineCode"
            >
              BarCodeScanner.
              scanFromURLAsync(url, barCodeTypes)
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <h4
      class="  css-838f5l-h4-h4-STYLES_H4"
      data-components-heading="true"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="arguments-1"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#arguments-1"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            Arguments
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h4>
    <ul
      class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <strong
          class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
        >
          url
           (
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            string
          </code>
          )
        </strong>
         -
        <span>
          URL to get the image from.
        </span>
      </li>
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <strong
          class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
        >
          barCodeTypes
           (
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            string[]
          </code>
          )
        </strong>
         -
        <span>
          An array of bar code types. Defaults to all supported bar code types on
the platform.
        </span>


        <blockquote
          class="css-1vk32i8-paragraph-STYLES_BLOCKQUOTE"
          data-text="true"
        >
          <div>
            <div
              style="margin-top: 2px;"
            >
              <svg
                aria-label="check"
                fill="none"
                height="16"
                viewBox="0 0 24 24"
                width="16"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12c6.628 0 12-5.373 12-12S18.628 0 12 0zm-.015 5.419c.269-.292.596-.44.973-.44.306 0 .575.11.776.317.203.207.306.472.306.786 0 .394-.137.745-.409 1.042-.279.306-.605.462-.968.462-.3 0-.566-.113-.768-.326-.201-.208-.304-.48-.304-.809 0-.401.133-.749.394-1.032zm1.999 11.305c-.995.936-1.705 1.52-2.17 1.784-.496.284-.905.423-1.25.423-.342 0-.621-.114-.83-.338-.202-.218-.305-.51-.305-.87 0-.92.521-3.058 1.595-6.534a1.47 1.47 0 00.042-.166c-.04.017-.087.041-.14.075-.088.055-.356.265-1.14 1.03a.334.334 0 01-.438.025l-.463-.358a.334.334 0 01-.043-.49c.722-.794 1.395-1.371 2.002-1.714.636-.358 1.173-.533 1.643-.533.303 0 .548.076.729.225.196.164.3.391.3.658 0 .175-.084.63-.697 2.686-.875 2.937-1.084 4.003-1.099 4.372.166-.098.558-.376 1.395-1.162a.334.334 0 01.462.003l.411.4a.334.334 0 01-.004.484z"
                  fill="var(--expo-theme-icon-default)"
                />
              </svg>
            </div>
          </div>
          <div>


            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              Note:
            </strong>
             Only QR codes are supported on iOS.


          </div>
        </blockquote>
      </li>
    </ul>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      Scan bar codes from the image given by the URL.
    </p>
    <div>
      <h4
        class="  css-838f5l-h4-h4-STYLES_H4"
        data-components-heading="true"
        data-heading="true"
      >
        <div
          class="css-1rh3o5q-STYLES_PERMALINK"
        >
          <span
            class="css-zonpcr-STYLES_PERMALINK_TARGET"
            id="returns-3"
          />
          <a
            class="css-15lh5hg-STYLES_PERMALINK_LINK"
            href="#returns-3"
          >
            <span
              class="css-1icvi79-STYLED_PERMALINK_CONTENT"
            >
              Returns
            </span>
            <span
              class="css-10vdcw8-STYLES_PERMALINK_ICON"
            >
              <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>
        </div>
      </h4>
      <ul
        class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-1wwpkbk-STYLES_LIST_ITEM-STYLE_RETURN_LIST-LI"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
              rel="noopener noreferrer"
            >
              Promise
            </a>
            &lt;
            <span>
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#barcodescannerresult"
              >
                BarCodeScannerResult
                []
              </a>
            </span>
            &gt;
          </code>
        </li>
      </ul>
      <p
        class="css-101h856-paragraph-STYLES_PARAGRAPH"
        data-text="true"
      >
        A possibly empty array of objects of the
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-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>
  </div>
  <h2
    class="css-et60wy-h2-h2-STYLES_H2"
    data-heading="true"
  >
    <div
      class="css-1rh3o5q-STYLES_PERMALINK"
    >
      <span
        class="css-zonpcr-STYLES_PERMALINK_TARGET"
        id="types"
      />
      <a
        class="css-15lh5hg-STYLES_PERMALINK_LINK"
        href="#types"
      >
        <span
          class="css-1icvi79-STYLED_PERMALINK_CONTENT"
        >
          Types
        </span>
        <span
          class="css-10vdcw8-STYLES_PERMALINK_ICON"
        >
          <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>
    </div>
  </h2>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="barcodebounds"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#barcodebounds"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              BarCodeBounds

            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <table>
      <thead>
        <tr>
          <th>
            Name
          </th>
          <th>
            Type
          </th>
          <th>
            Description
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              origin
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#barcodepoint"
              >
                BarCodePoint
              </a>
            </code>
          </td>
          <td>
            <span>
              The origin point of the bounding box.
            </span>
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              size
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#barcodesize"
              >
                BarCodeSize
              </a>
            </code>
          </td>
          <td>
            <span>
              The size of the bounding box.
            </span>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="barcodeevent"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#barcodeevent"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              BarCodeEvent
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      <code
        class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
      >
        <a
          class="css-12zqqiz-STYLES_EXTERNAL_LINK"
          href="/#barcodescannerresult"
        >
          BarCodeScannerResult
        </a>
      </code>

      extended by:
    </p>
    <table>
      <thead>
        <tr>
          <th>
            Name
          </th>
          <th>
            Type
          </th>
          <th>
            Description
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              target
            </strong>
            <br />
            <span
              class="css-fbbx5x-STYLES_OPTIONAL"
            >
              (optional)
            </span>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              number
            </code>
          </td>
          <td>
            -
          </td>
        </tr>
      </tbody>
    </table>
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="barcodeeventcallbackarguments"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#barcodeeventcallbackarguments"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              BarCodeEventCallbackArguments

            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <table>
      <thead>
        <tr>
          <th>
            Name
          </th>
          <th>
            Type
          </th>
          <th>
            Description
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              nativeEvent
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#barcodeevent"
              >
                BarCodeEvent
              </a>
            </code>
          </td>
          <td>
            -
          </td>
        </tr>
      </tbody>
    </table>
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="barcodepoint"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#barcodepoint"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              BarCodePoint

            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      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>
    <table>
      <thead>
        <tr>
          <th>
            Name
          </th>
          <th>
            Type
          </th>
          <th>
            Description
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              x
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              number
            </code>
          </td>
          <td>
            <span>
              The
              <code
                class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
              >
                x
              </code>
               coordinate value.
            </span>
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              y
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              number
            </code>
          </td>
          <td>
            <span>
              The
              <code
                class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
              >
                y
              </code>
               coordinate value.
            </span>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="barcodescannedcallback"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#barcodescannedcallback"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              BarCodeScannedCallback
              ()
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <div>
      <h4
        class="  css-838f5l-h4-h4-STYLES_H4"
        data-components-heading="true"
        data-heading="true"
      >
        <div
          class="css-1rh3o5q-STYLES_PERMALINK"
        >
          <span
            class="css-zonpcr-STYLES_PERMALINK_TARGET"
            id="arguments-2"
          />
          <a
            class="css-15lh5hg-STYLES_PERMALINK_LINK"
            href="#arguments-2"
          >
            <span
              class="css-1icvi79-STYLED_PERMALINK_CONTENT"
            >
              Arguments
            </span>
            <span
              class="css-10vdcw8-STYLES_PERMALINK_ICON"
            >
              <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>
        </div>
      </h4>
      <ul
        class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
        >
          <strong
            class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
          >
            params
             (
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#barcodeevent"
              >
                BarCodeEvent
              </a>
            </code>
            )
          </strong>
        </li>
      </ul>
    </div>
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="barcodescannerresult"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#barcodescannerresult"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              BarCodeScannerResult

            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <blockquote
      class="css-1vk32i8-paragraph-STYLES_BLOCKQUOTE"
      data-text="true"
    >
      <div>
        <div
          style="margin-top: 2px;"
        >
          <svg
            aria-label="check"
            fill="none"
            height="16"
            viewBox="0 0 24 24"
            width="16"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12c6.628 0 12-5.373 12-12S18.628 0 12 0zm-.015 5.419c.269-.292.596-.44.973-.44.306 0 .575.11.776.317.203.207.306.472.306.786 0 .394-.137.745-.409 1.042-.279.306-.605.462-.968.462-.3 0-.566-.113-.768-.326-.201-.208-.304-.48-.304-.809 0-.401.133-.749.394-1.032zm1.999 11.305c-.995.936-1.705 1.52-2.17 1.784-.496.284-.905.423-1.25.423-.342 0-.621-.114-.83-.338-.202-.218-.305-.51-.305-.87 0-.92.521-3.058 1.595-6.534a1.47 1.47 0 00.042-.166c-.04.017-.087.041-.14.075-.088.055-.356.265-1.14 1.03a.334.334 0 01-.438.025l-.463-.358a.334.334 0 01-.043-.49c.722-.794 1.395-1.371 2.002-1.714.636-.358 1.173-.533 1.643-.533.303 0 .548.076.729.225.196.164.3.391.3.658 0 .175-.084.63-.697 2.686-.875 2.937-1.084 4.003-1.099 4.372.166-.098.558-.376 1.395-1.162a.334.334 0 01.462.003l.411.4a.334.334 0 01-.004.484z"
              fill="var(--expo-theme-icon-default)"
            />
          </svg>
        </div>
      </div>
      <div>


        <strong
          class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
        >
          Note:
        </strong>

        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          bounds
        </code>
         and
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          cornerPoints
        </code>
         are not always available. On iOS, for
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          code39
        </code>
         and
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          pdf417
        </code>

you don't get those values. Moreover, on iOS, those values don't have to bounds the whole barcode.
For some types, they will represent the area used by the scanner.


      </div>
    </blockquote>
    <table>
      <thead>
        <tr>
          <th>
            Name
          </th>
          <th>
            Type
          </th>
          <th>
            Description
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              bounds
            </strong>
            <br />
            <span
              class="css-fbbx5x-STYLES_OPTIONAL"
            >
              (optional)
            </span>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#barcodebounds"
              >
                BarCodeBounds
              </a>
            </code>
          </td>
          <td>
            <span>
              The
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#barcodebounds"
              >
                BarCodeBounds
              </a>
               object.
            </span>
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              cornerPoints
            </strong>
            <br />
            <span
              class="css-fbbx5x-STYLES_OPTIONAL"
            >
              (optional)
            </span>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#barcodepoint"
              >
                BarCodePoint
                []
              </a>
            </code>
          </td>
          <td>
            <span>
              Corner points of the bounding box.
            </span>
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              data
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              string
            </code>
          </td>
          <td>
            <span>
              The information encoded in the bar code.
            </span>
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              type
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              string
            </code>
          </td>
          <td>
            <span>
              The barcode type.
            </span>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="barcodesize"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#barcodesize"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              BarCodeSize

            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <table>
      <thead>
        <tr>
          <th>
            Name
          </th>
          <th>
            Type
          </th>
          <th>
            Description
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              height
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              number
            </code>
          </td>
          <td>
            <span>
              The height value.
            </span>
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              width
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              number
            </code>
          </td>
          <td>
            <span>
              The width value.
            </span>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="permissionhookoptions"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#permissionhookoptions"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              PermissionHookOptions
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      Acceptable values are:

      <span>
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          PermissionHookBehavior
        </code>
        ,
      </span>
      <span>
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          Options
        </code>
        .
      </span>
    </p>
  </div>
  <h2
    class="css-et60wy-h2-h2-STYLES_H2"
    data-heading="true"
  >
    <div
      class="css-1rh3o5q-STYLES_PERMALINK"
    >
      <span
        class="css-zonpcr-STYLES_PERMALINK_TARGET"
        id="interfaces"
      />
      <a
        class="css-15lh5hg-STYLES_PERMALINK_LINK"
        href="#interfaces"
      >
        <span
          class="css-1icvi79-STYLED_PERMALINK_CONTENT"
        >
          Interfaces
        </span>
        <span
          class="css-10vdcw8-STYLES_PERMALINK_ICON"
        >
          <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>
    </div>
  </h2>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="permissionresponse"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#permissionresponse"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              PermissionResponse
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <table>
      <thead>
        <tr>
          <th>
            Name
          </th>
          <th>
            Type
          </th>
          <th>
            Description
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              canAskAgain

            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              boolean
            </code>
          </td>
          <td>
            -
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              expires

            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#permissionexpiration"
              >
                PermissionExpiration
              </a>
            </code>
          </td>
          <td>
            -
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              granted

            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              boolean
            </code>
          </td>
          <td>
            -
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              status

            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#permissionstatus"
              >
                PermissionStatus
              </a>
            </code>
          </td>
          <td>
            -
          </td>
        </tr>
      </tbody>
    </table>
  </div>
  <h2
    class="css-et60wy-h2-h2-STYLES_H2"
    data-heading="true"
  >
    <div
      class="css-1rh3o5q-STYLES_PERMALINK"
    >
      <span
        class="css-zonpcr-STYLES_PERMALINK_TARGET"
        id="enums"
      />
      <a
        class="css-15lh5hg-STYLES_PERMALINK_LINK"
        href="#enums"
      >
        <span
          class="css-1icvi79-STYLED_PERMALINK_CONTENT"
        >
          Enums
        </span>
        <span
          class="css-10vdcw8-STYLES_PERMALINK_ICON"
        >
          <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>
    </div>
  </h2>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="permissionstatus"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#permissionstatus"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              PermissionStatus
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <ul
      class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            DENIED
          </code>
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            PermissionStatus
            .
            DENIED
             ＝
            "denied"
          </code>
        </p>
      </li>
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            GRANTED
          </code>
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            PermissionStatus
            .
            GRANTED
             ＝
            "granted"
          </code>
        </p>
      </li>
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            UNDETERMINED
          </code>
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            PermissionStatus
            .
            UNDETERMINED
             ＝
            "undetermined"
          </code>
        </p>
      </li>
    </ul>
  </div>
</div>
`;

exports[`APISection expo-pedometer 1`] = `
<div>
  <h2
    class="css-et60wy-h2-h2-STYLES_H2"
    data-heading="true"
  >
    <div
      class="css-1rh3o5q-STYLES_PERMALINK"
    >
      <span
        class="css-zonpcr-STYLES_PERMALINK_TARGET"
        id="methods"
      />
      <a
        class="css-15lh5hg-STYLES_PERMALINK_LINK"
        href="#methods"
      >
        <span
          class="css-1icvi79-STYLED_PERMALINK_CONTENT"
        >
          Methods
        </span>
        <span
          class="css-10vdcw8-STYLES_PERMALINK_ICON"
        >
          <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>
    </div>
  </h2>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="getpermissionsasync"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#getpermissionsasync"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-ni28os-STYLES_INLINE_CODE-STYLES_NOT_EXPOSED_HEADER-InlineCode"
            >
              getPermissionsAsync()
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <div>
      <h4
        class="  css-838f5l-h4-h4-STYLES_H4"
        data-components-heading="true"
        data-heading="true"
      >
        <div
          class="css-1rh3o5q-STYLES_PERMALINK"
        >
          <span
            class="css-zonpcr-STYLES_PERMALINK_TARGET"
            id="returns"
          />
          <a
            class="css-15lh5hg-STYLES_PERMALINK_LINK"
            href="#returns"
          >
            <span
              class="css-1icvi79-STYLED_PERMALINK_CONTENT"
            >
              Returns
            </span>
            <span
              class="css-10vdcw8-STYLES_PERMALINK_ICON"
            >
              <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>
        </div>
      </h4>
      <ul
        class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-1wwpkbk-STYLES_LIST_ITEM-STYLE_RETURN_LIST-LI"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
              rel="noopener noreferrer"
            >
              Promise
            </a>
            &lt;
            <span>
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#permissionresponse"
              >
                PermissionResponse
              </a>
            </span>
            &gt;
          </code>
        </li>
      </ul>
    </div>
    <hr />
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="getstepcountasyncstart-end"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#getstepcountasyncstart-end"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-ni28os-STYLES_INLINE_CODE-STYLES_NOT_EXPOSED_HEADER-InlineCode"
            >
              getStepCountAsync(start, end)
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <h4
      class="  css-838f5l-h4-h4-STYLES_H4"
      data-components-heading="true"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="arguments"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#arguments"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            Arguments
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h4>
    <ul
      class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <strong
          class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
        >
          start
           (
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date"
              rel="noopener noreferrer"
            >
              Date
            </a>
          </code>
          )
        </strong>
         -
        <span>
          A date indicating the start of the range over which to measure steps.
        </span>
      </li>
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <strong
          class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
        >
          end
           (
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date"
              rel="noopener noreferrer"
            >
              Date
            </a>
          </code>
          )
        </strong>
         -
        <span>
          A date indicating the end of the range over which to measure steps.
        </span>
      </li>
    </ul>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      Get the step count between two dates.
    </p>
    <div>
      <h4
        class="  css-838f5l-h4-h4-STYLES_H4"
        data-components-heading="true"
        data-heading="true"
      >
        <div
          class="css-1rh3o5q-STYLES_PERMALINK"
        >
          <span
            class="css-zonpcr-STYLES_PERMALINK_TARGET"
            id="returns-1"
          />
          <a
            class="css-15lh5hg-STYLES_PERMALINK_LINK"
            href="#returns-1"
          >
            <span
              class="css-1icvi79-STYLED_PERMALINK_CONTENT"
            >
              Returns
            </span>
            <span
              class="css-10vdcw8-STYLES_PERMALINK_ICON"
            >
              <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>
        </div>
      </h4>
      <ul
        class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-1wwpkbk-STYLES_LIST_ITEM-STYLE_RETURN_LIST-LI"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
              rel="noopener noreferrer"
            >
              Promise
            </a>
            &lt;
            <span>
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#pedometerresult"
              >
                PedometerResult
              </a>
            </span>
            &gt;
          </code>
        </li>
      </ul>
      <p
        class="css-101h856-paragraph-STYLES_PARAGRAPH"
        data-text="true"
      >
        Returns a promise that fulfills with a
        <a
          class="css-12zqqiz-STYLES_EXTERNAL_LINK"
          href="/#pedometerresult"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            PedometerResult
          </code>
        </a>
        .
      </p>


      <p
        class="css-101h856-paragraph-STYLES_PARAGRAPH"
        data-text="true"
      >
        As
        <a
          class="css-12zqqiz-STYLES_EXTERNAL_LINK"
          href="https://developer.apple.com/documentation/coremotion/cmpedometer/1613946-querypedometerdatafromdate?language=objc"
          rel="noopener noreferrer"
        >
          Apple documentation states
        </a>
        :
      </p>


      <blockquote
        class="css-1vk32i8-paragraph-STYLES_BLOCKQUOTE"
        data-text="true"
      >
        <div>
          <div
            style="margin-top: 2px;"
          >
            <svg
              aria-label="check"
              fill="none"
              height="16"
              viewBox="0 0 24 24"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12c6.628 0 12-5.373 12-12S18.628 0 12 0zm-.015 5.419c.269-.292.596-.44.973-.44.306 0 .575.11.776.317.203.207.306.472.306.786 0 .394-.137.745-.409 1.042-.279.306-.605.462-.968.462-.3 0-.566-.113-.768-.326-.201-.208-.304-.48-.304-.809 0-.401.133-.749.394-1.032zm1.999 11.305c-.995.936-1.705 1.52-2.17 1.784-.496.284-.905.423-1.25.423-.342 0-.621-.114-.83-.338-.202-.218-.305-.51-.305-.87 0-.92.521-3.058 1.595-6.534a1.47 1.47 0 00.042-.166c-.04.017-.087.041-.14.075-.088.055-.356.265-1.14 1.03a.334.334 0 01-.438.025l-.463-.358a.334.334 0 01-.043-.49c.722-.794 1.395-1.371 2.002-1.714.636-.358 1.173-.533 1.643-.533.303 0 .548.076.729.225.196.164.3.391.3.658 0 .175-.084.63-.697 2.686-.875 2.937-1.084 4.003-1.099 4.372.166-.098.558-.376 1.395-1.162a.334.334 0 01.462.003l.411.4a.334.334 0 01-.004.484z"
                fill="var(--expo-theme-icon-default)"
              />
            </svg>
          </div>
        </div>
        <div>


          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.


        </div>
      </blockquote>
    </div>
    <hr />
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="isavailableasync"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#isavailableasync"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-ni28os-STYLES_INLINE_CODE-STYLES_NOT_EXPOSED_HEADER-InlineCode"
            >
              isAvailableAsync()
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      Returns whether the pedometer is enabled on the device.
    </p>
    <div>
      <h4
        class="  css-838f5l-h4-h4-STYLES_H4"
        data-components-heading="true"
        data-heading="true"
      >
        <div
          class="css-1rh3o5q-STYLES_PERMALINK"
        >
          <span
            class="css-zonpcr-STYLES_PERMALINK_TARGET"
            id="returns-2"
          />
          <a
            class="css-15lh5hg-STYLES_PERMALINK_LINK"
            href="#returns-2"
          >
            <span
              class="css-1icvi79-STYLED_PERMALINK_CONTENT"
            >
              Returns
            </span>
            <span
              class="css-10vdcw8-STYLES_PERMALINK_ICON"
            >
              <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>
        </div>
      </h4>
      <ul
        class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-1wwpkbk-STYLES_LIST_ITEM-STYLE_RETURN_LIST-LI"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
              rel="noopener noreferrer"
            >
              Promise
            </a>
            &lt;
            <span>
              boolean
            </span>
            &gt;
          </code>
        </li>
      </ul>
      <p
        class="css-101h856-paragraph-STYLES_PARAGRAPH"
        data-text="true"
      >
        Returns a promise that fulfills with a
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          boolean
        </code>
        , indicating whether the pedometer is
available on this device.
      </p>
    </div>
    <hr />
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="requestpermissionsasync"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#requestpermissionsasync"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-ni28os-STYLES_INLINE_CODE-STYLES_NOT_EXPOSED_HEADER-InlineCode"
            >
              requestPermissionsAsync()
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <div>
      <h4
        class="  css-838f5l-h4-h4-STYLES_H4"
        data-components-heading="true"
        data-heading="true"
      >
        <div
          class="css-1rh3o5q-STYLES_PERMALINK"
        >
          <span
            class="css-zonpcr-STYLES_PERMALINK_TARGET"
            id="returns-3"
          />
          <a
            class="css-15lh5hg-STYLES_PERMALINK_LINK"
            href="#returns-3"
          >
            <span
              class="css-1icvi79-STYLED_PERMALINK_CONTENT"
            >
              Returns
            </span>
            <span
              class="css-10vdcw8-STYLES_PERMALINK_ICON"
            >
              <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>
        </div>
      </h4>
      <ul
        class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-1wwpkbk-STYLES_LIST_ITEM-STYLE_RETURN_LIST-LI"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"
              rel="noopener noreferrer"
            >
              Promise
            </a>
            &lt;
            <span>
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#permissionresponse"
              >
                PermissionResponse
              </a>
            </span>
            &gt;
          </code>
        </li>
      </ul>
    </div>
    <hr />
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="watchstepcountcallback"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#watchstepcountcallback"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-ni28os-STYLES_INLINE_CODE-STYLES_NOT_EXPOSED_HEADER-InlineCode"
            >
              watchStepCount(callback)
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <h4
      class="  css-838f5l-h4-h4-STYLES_H4"
      data-components-heading="true"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="arguments-1"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#arguments-1"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            Arguments
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h4>
    <ul
      class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <strong
          class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
        >
          callback
           (
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="/#pedometerupdatecallback"
            >
              PedometerUpdateCallback
            </a>
          </code>
          )
        </strong>
         -
        <span>
          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-12zqqiz-STYLES_EXTERNAL_LINK"
            href="/#pedometerresult"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              PedometerResult
            </code>
          </a>
          .
        </span>
      </li>
    </ul>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      Subscribe to pedometer updates.
    </p>
    <div>
      <h4
        class="  css-838f5l-h4-h4-STYLES_H4"
        data-components-heading="true"
        data-heading="true"
      >
        <div
          class="css-1rh3o5q-STYLES_PERMALINK"
        >
          <span
            class="css-zonpcr-STYLES_PERMALINK_TARGET"
            id="returns-4"
          />
          <a
            class="css-15lh5hg-STYLES_PERMALINK_LINK"
            href="#returns-4"
          >
            <span
              class="css-1icvi79-STYLED_PERMALINK_CONTENT"
            >
              Returns
            </span>
            <span
              class="css-10vdcw8-STYLES_PERMALINK_ICON"
            >
              <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>
        </div>
      </h4>
      <ul
        class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-1wwpkbk-STYLES_LIST_ITEM-STYLE_RETURN_LIST-LI"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            <a
              class="css-12zqqiz-STYLES_EXTERNAL_LINK"
              href="/#subscription"
            >
              Subscription
            </a>
          </code>
        </li>
      </ul>
      <p
        class="css-101h856-paragraph-STYLES_PARAGRAPH"
        data-text="true"
      >
        Returns a
        <a
          class="css-12zqqiz-STYLES_EXTERNAL_LINK"
          href="/#subscription"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            Subscription
          </code>
        </a>
         that enables you to call

        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          remove()
        </code>
         when you would like to unsubscribe the listener.
      </p>
    </div>
  </div>
  <h2
    class="css-et60wy-h2-h2-STYLES_H2"
    data-heading="true"
  >
    <div
      class="css-1rh3o5q-STYLES_PERMALINK"
    >
      <span
        class="css-zonpcr-STYLES_PERMALINK_TARGET"
        id="types"
      />
      <a
        class="css-15lh5hg-STYLES_PERMALINK_LINK"
        href="#types"
      >
        <span
          class="css-1icvi79-STYLED_PERMALINK_CONTENT"
        >
          Types
        </span>
        <span
          class="css-10vdcw8-STYLES_PERMALINK_ICON"
        >
          <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>
    </div>
  </h2>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="pedometerresult"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#pedometerresult"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              PedometerResult

            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <table>
      <thead>
        <tr>
          <th>
            Name
          </th>
          <th>
            Type
          </th>
          <th>
            Description
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              steps
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              number
            </code>
          </td>
          <td>
            <span>
              Number of steps taken between the given dates.
            </span>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="pedometerupdatecallback"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#pedometerupdatecallback"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              PedometerUpdateCallback
              ()
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <div>
      <h4
        class="  css-838f5l-h4-h4-STYLES_H4"
        data-components-heading="true"
        data-heading="true"
      >
        <div
          class="css-1rh3o5q-STYLES_PERMALINK"
        >
          <span
            class="css-zonpcr-STYLES_PERMALINK_TARGET"
            id="arguments-2"
          />
          <a
            class="css-15lh5hg-STYLES_PERMALINK_LINK"
            href="#arguments-2"
          >
            <span
              class="css-1icvi79-STYLED_PERMALINK_CONTENT"
            >
              Arguments
            </span>
            <span
              class="css-10vdcw8-STYLES_PERMALINK_ICON"
            >
              <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>
        </div>
      </h4>
      <ul
        class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
        data-text="true"
      >
        <li
          class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
        >
          <strong
            class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
          >
            result
             (
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#pedometerresult"
              >
                PedometerResult
              </a>
            </code>
            )
          </strong>
        </li>
      </ul>
    </div>
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="permissionexpiration"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#permissionexpiration"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              PermissionExpiration
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <p
      class="css-101h856-paragraph-STYLES_PARAGRAPH"
      data-text="true"
    >
      Acceptable values are:

      <span>
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          'never'
        </code>
        ,
      </span>
      <span>
        <code
          class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
        >
          number
        </code>
        .
      </span>
    </p>
  </div>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="subscription"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#subscription"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              Subscription

            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <table>
      <thead>
        <tr>
          <th>
            Name
          </th>
          <th>
            Type
          </th>
          <th>
            Description
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              remove
            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              () =&gt;

              void
            </code>
          </td>
          <td>
            <span>
              A method to unsubscribe the listener.
            </span>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
  <h2
    class="css-et60wy-h2-h2-STYLES_H2"
    data-heading="true"
  >
    <div
      class="css-1rh3o5q-STYLES_PERMALINK"
    >
      <span
        class="css-zonpcr-STYLES_PERMALINK_TARGET"
        id="interfaces"
      />
      <a
        class="css-15lh5hg-STYLES_PERMALINK_LINK"
        href="#interfaces"
      >
        <span
          class="css-1icvi79-STYLED_PERMALINK_CONTENT"
        >
          Interfaces
        </span>
        <span
          class="css-10vdcw8-STYLES_PERMALINK_ICON"
        >
          <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>
    </div>
  </h2>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="permissionresponse"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#permissionresponse"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              PermissionResponse
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <table>
      <thead>
        <tr>
          <th>
            Name
          </th>
          <th>
            Type
          </th>
          <th>
            Description
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              canAskAgain

            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              boolean
            </code>
          </td>
          <td>
            -
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              expires

            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#permissionexpiration"
              >
                PermissionExpiration
              </a>
            </code>
          </td>
          <td>
            -
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              granted

            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              boolean
            </code>
          </td>
          <td>
            -
          </td>
        </tr>
        <tr>
          <td>
            <strong
              class="css-m2r9l3-paragraph-STYLES_BOLD_PARAGRAPH"
            >
              status

            </strong>
          </td>
          <td>
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              <a
                class="css-12zqqiz-STYLES_EXTERNAL_LINK"
                href="/#permissionstatus"
              >
                PermissionStatus
              </a>
            </code>
          </td>
          <td>
            -
          </td>
        </tr>
      </tbody>
    </table>
  </div>
  <h2
    class="css-et60wy-h2-h2-STYLES_H2"
    data-heading="true"
  >
    <div
      class="css-1rh3o5q-STYLES_PERMALINK"
    >
      <span
        class="css-zonpcr-STYLES_PERMALINK_TARGET"
        id="enums"
      />
      <a
        class="css-15lh5hg-STYLES_PERMALINK_LINK"
        href="#enums"
      >
        <span
          class="css-1icvi79-STYLED_PERMALINK_CONTENT"
        >
          Enums
        </span>
        <span
          class="css-10vdcw8-STYLES_PERMALINK_ICON"
        >
          <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>
    </div>
  </h2>
  <div>
    <h3
      class="css-1fe5f89-h3-h3-STYLES_H3"
      data-heading="true"
    >
      <div
        class="css-1rh3o5q-STYLES_PERMALINK"
      >
        <span
          class="css-zonpcr-STYLES_PERMALINK_TARGET"
          id="permissionstatus"
        />
        <a
          class="css-15lh5hg-STYLES_PERMALINK_LINK"
          href="#permissionstatus"
        >
          <span
            class="css-1icvi79-STYLED_PERMALINK_CONTENT"
          >
            <code
              class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
            >
              PermissionStatus
            </code>
          </span>
          <span
            class="css-10vdcw8-STYLES_PERMALINK_ICON"
          >
            <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>
      </div>
    </h3>
    <ul
      class="css-1dmv26-paragraph-STYLES_UNORDERED_LIST-UL"
      data-text="true"
    >
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            DENIED
          </code>
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            PermissionStatus
            .
            DENIED
             ＝
            "denied"
          </code>
        </p>
      </li>
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            GRANTED
          </code>
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            PermissionStatus
            .
            GRANTED
             ＝
            "granted"
          </code>
        </p>
      </li>
      <li
        class="docs-list-item css-xdejd6-STYLES_LIST_ITEM-LI"
      >
        <span
          class="css-1aaoyoh-renderEnum"
        >
          <code
            class="inline css-18wudxk-STYLES_INLINE_CODE-InlineCode"
          >
            UNDETERMINED
          </code>
        </span>
        <p
          class="css-101h856-paragraph-STYLES_PARAGRAPH"
          data-text="true"
        >
          <code
            class="inline css-mcdrx3-STYLES_INLINE_CODE-STYLES_ENUM_VALUE-InlineCode"
          >
            PermissionStatus
            .
            UNDETERMINED
             ＝
            "undetermined"
          </code>
        </p>
      </li>
    </ul>
  </div>
</div>
`;

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