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

exports[`show restricted screen for commenters and staff 1`] = `
<div
  data-testid="authBox"
>
  <div
    className="Box-root Flex-root Flex-flex Flex-justifyCenter"
  >
    <div
      className="Box-root HorizontalGutter-root AuthBox-container HorizontalGutter-double"
    >
      <div>
        <div
          className="Box-root Flex-root Flex-flex Flex-justifyCenter"
        >
          <div
            className="adminSignInTitle"
          >
            <div
              className="Restricted-title"
            >
              <span>
                Currently signed in to
              </span>
            </div>
          </div>
        </div>
        <div
          className="BrandName-root BrandName-lg BrandName-alignCenter"
        >
          Coral
        </div>
      </div>
      <div
        className="Box-root HorizontalGutter-root HorizontalGutter-double"
      >
        <div>
          <div
            className="Box-root Flex-root Flex-flex Flex-justifyCenter"
          >
            <i
              aria-hidden="true"
              className="Icon-root Icon-lg Restricted-lockIcon"
            >
              lock
            </i>
          </div>
          <div
            className="Restricted-noPermission"
          >
            You do not have permission to access this page.
          </div>
        </div>
        <div>
          <div
            className="Restricted-copy"
          >
            You are signed in as: 
            <div
              className="Restricted-username"
            >
              Markus
            </div>
          </div>
        </div>
        <div
          className="Box-root Flex-root Flex-flex Flex-justifyCenter"
        >
          <button
            className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase"
            data-color="regular"
            data-variant="regular"
            onBlur={[Function]}
            onClick={[Function]}
            onFocus={[Function]}
            onMouseOut={[Function]}
            onMouseOver={[Function]}
            onTouchEnd={[Function]}
            type="button"
          >
            Sign in with a different account
          </button>
        </div>
        <div
          className="Restricted-copy Restricted-contactAdmin"
        >
          If you think this is an error, please contact your administrator for assistance.
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`show restricted screen for commenters and staff 2`] = `
<div
  data-testid="authBox"
>
  <div
    className="Box-root Flex-root Flex-flex Flex-justifyCenter"
  >
    <div
      className="Box-root HorizontalGutter-root AuthBox-container HorizontalGutter-double"
    >
      <div>
        <div
          className="Box-root Flex-root Flex-flex Flex-justifyCenter"
        >
          <div
            className="adminSignInTitle"
          >
            <div
              className="Restricted-title"
            >
              <span>
                Currently signed in to
              </span>
            </div>
          </div>
        </div>
        <div
          className="BrandName-root BrandName-lg BrandName-alignCenter"
        >
          Coral
        </div>
      </div>
      <div
        className="Box-root HorizontalGutter-root HorizontalGutter-double"
      >
        <div>
          <div
            className="Box-root Flex-root Flex-flex Flex-justifyCenter"
          >
            <i
              aria-hidden="true"
              className="Icon-root Icon-lg Restricted-lockIcon"
            >
              lock
            </i>
          </div>
          <div
            className="Restricted-noPermission"
          >
            You do not have permission to access this page.
          </div>
        </div>
        <div>
          <div
            className="Restricted-copy"
          >
            You are signed in as: 
            <div
              className="Restricted-username"
            >
              Markus
            </div>
          </div>
        </div>
        <div
          className="Box-root Flex-root Flex-flex Flex-justifyCenter"
        >
          <button
            className="BaseButton-root Button-root Button-sizeLarge Button-colorRegular Button-variantRegular Button-uppercase"
            data-color="regular"
            data-variant="regular"
            onBlur={[Function]}
            onClick={[Function]}
            onFocus={[Function]}
            onMouseOut={[Function]}
            onMouseOver={[Function]}
            onTouchEnd={[Function]}
            type="button"
          >
            Sign in with a different account
          </button>
        </div>
        <div
          className="Restricted-copy Restricted-contactAdmin"
        >
          If you think this is an error, please contact your administrator for assistance.
        </div>
      </div>
    </div>
  </div>
</div>
`;
