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

exports[`renders correctly 1`] = `
<AuthBox
  title={
    <div
      className="Restricted-title"
    >
      <Localized
        id="restricted-currentlySignedInTo"
      >
        <span>
          Currently signed in to
        </span>
      </Localized>
    </div>
  }
>
  <ForwardRef(forwardRef)
    size="double"
  >
    <div>
      <ForwardRef(forwardRef)
        justifyContent="center"
      >
        <ForwardRef(forwardRef)
          className="Restricted-lockIcon"
          size="lg"
        >
          lock
        </ForwardRef(forwardRef)>
      </ForwardRef(forwardRef)>
      <Localized
        id="restricted-noPermissionInfo"
      >
        <div
          className="Restricted-noPermission"
        >
          You do not have permission to access this page.
        </div>
      </Localized>
    </div>
    <div>
      <Localized
        Username={<Username />}
        id="restricted-signedInAs"
      >
        <div
          className="Restricted-copy"
        >
          You are signed in as: &lt;Username&gt;&lt;/Username&gt;
        </div>
      </Localized>
    </div>
    <ForwardRef(forwardRef)
      justifyContent="center"
    >
      <Localized
        id="restricted-signInWithADifferentAccount"
      >
        <ForwardRef(forwardRef)
          color="regular"
          onClick={[Function]}
          size="large"
          variant="regular"
        >
          Sign in with a different account
        </ForwardRef(forwardRef)>
      </Localized>
    </ForwardRef(forwardRef)>
    <Localized
      id="restricted-contactAdmin"
    >
      <div
        className="Restricted-copy Restricted-contactAdmin"
      >
        If you think this is an error, please contact your administrator for assistance.
      </div>
    </Localized>
  </ForwardRef(forwardRef)>
</AuthBox>
`;
