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

exports[`renders configure organization 1`] = `
<div
  className="MainLayout-root"
  data-testid="configure-container"
>
  <form
    autoComplete="off"
    id="configure-form"
    onSubmit={[Function]}
  >
    <div
      className="Box-root Flex-root Layout-root Flex-flex"
    >
      <div
        className="SideBar-root"
      >
        <div
          className="Box-root HorizontalGutter-root HorizontalGutter-double"
        >
          <nav
            className="Navigation-root"
          >
            <ul
              className="Navigation-ul"
            >
              <li>
                <a
                  className="Link-link"
                  href="/admin/configure/general"
                  onClick={[Function]}
                >
                  General
                </a>
              </li>
              <li>
                <a
                  className="Link-link Link-linkActive"
                  href="/admin/configure/organization"
                  onClick={[Function]}
                >
                  Organization
                </a>
              </li>
              <li>
                <a
                  className="Link-link"
                  href="/admin/configure/moderation"
                  onClick={[Function]}
                >
                  Moderation
                </a>
              </li>
              <li>
                <a
                  className="Link-link"
                  href="/admin/configure/wordList"
                  onClick={[Function]}
                >
                  Banned and Suspect Words
                </a>
              </li>
              <li>
                <a
                  className="Link-link"
                  href="/admin/configure/auth"
                  onClick={[Function]}
                >
                  Authentication
                </a>
              </li>
              <li>
                <a
                  className="Link-link"
                  href="/admin/configure/email"
                  onClick={[Function]}
                >
                  Email
                </a>
              </li>
              <li>
                <a
                  className="Link-link"
                  href="/admin/configure/slack"
                  onClick={[Function]}
                >
                  Slack
                </a>
              </li>
              <li>
                <a
                  className="Link-link"
                  href="/admin/configure/advanced"
                  onClick={[Function]}
                >
                  Advanced
                </a>
              </li>
            </ul>
          </nav>
        </div>
        <div
          className="Box-root HorizontalGutter-root HorizontalGutter-double"
        >
          <button
            className="BaseButton-root Button-root Button-sizeLarge Button-colorAlt Button-variantRegular Button-uppercase Button-disabled"
            data-color="alt"
            data-testid="configure-sideBar-saveChanges"
            data-variant="regular"
            disabled={true}
            onBlur={[Function]}
            onFocus={[Function]}
            onMouseOut={[Function]}
            onMouseOver={[Function]}
            onTouchEnd={[Function]}
            type="submit"
          >
            Save Changes
          </button>
        </div>
      </div>
      <div
        className="Main-root"
      >
        <div
          className="Box-root HorizontalGutter-root HorizontalGutter-double"
          data-testid="configure-organizationContainer"
        >
          <div
            className="Box-root ConfigBox-root"
          >
            <div
              className="Box-root Flex-root ConfigBox-title Flex-flex Flex-justifySpaceBetween"
            >
              <div>
                <label
                  className="Header-root"
                  htmlFor="configure-organization-organization.name"
                >
                  Organization name
                </label>
              </div>
              <div />
            </div>
            <div
              className="ConfigBox-content"
            >
              <div
                className="Box-root HorizontalGutter-root HorizontalGutter-spacing-4"
              >
                <p
                  className="FormFieldDescription-root"
                >
                  Your organization name will appear on emails sent by Coral to your community and organization members.
                </p>
                <div
                  className="Box-root HorizontalGutter-root HorizontalGutter-spacing-2"
                >
                  <div
                    className="TextField-root TextField-fullWidth"
                  >
                    <input
                      autoCapitalize="off"
                      autoComplete="off"
                      autoCorrect="off"
                      className="TextField-input TextField-colorRegular"
                      disabled={false}
                      id="configure-organization-organization.name"
                      name="organization.name"
                      onBlur={[Function]}
                      onChange={[Function]}
                      onFocus={[Function]}
                      placeholder=""
                      spellCheck={false}
                      type="text"
                      value="Coral"
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div
            className="Box-root ConfigBox-root"
          >
            <div
              className="Box-root Flex-root ConfigBox-title Flex-flex Flex-justifySpaceBetween"
            >
              <div>
                <label
                  className="Header-root"
                  htmlFor="configure-organization-organization.contactEmail"
                >
                  Organization email
                </label>
              </div>
              <div />
            </div>
            <div
              className="ConfigBox-content"
            >
              <div
                className="Box-root HorizontalGutter-root HorizontalGutter-spacing-4"
              >
                <p
                  className="FormFieldDescription-root"
                >
                  This email address will be used as in emails and across the platform
for community members to get in touch with the organization should
they have any questions about the status of their accounts or
moderation questions.
                </p>
                <div
                  className="Box-root HorizontalGutter-root HorizontalGutter-spacing-2"
                >
                  <div
                    className="TextField-root TextField-fullWidth"
                  >
                    <input
                      autoCapitalize="off"
                      autoComplete="off"
                      autoCorrect="off"
                      className="TextField-input TextField-colorRegular"
                      disabled={false}
                      id="configure-organization-organization.contactEmail"
                      name="organization.contactEmail"
                      onBlur={[Function]}
                      onChange={[Function]}
                      onFocus={[Function]}
                      placeholder=""
                      spellCheck={false}
                      type="text"
                      value="coral@test.com"
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div
            className="Box-root ConfigBox-root"
          >
            <div
              className="Box-root Flex-root ConfigBox-title Flex-flex Flex-justifySpaceBetween"
            >
              <div>
                <label
                  className="Header-root"
                  htmlFor="configure-organization-organization.url"
                >
                  Organization URL
                </label>
              </div>
              <div />
            </div>
            <div
              className="ConfigBox-content"
            >
              <div
                className="Box-root HorizontalGutter-root HorizontalGutter-spacing-4"
              >
                <p
                  className="FormFieldDescription-root"
                >
                  Your organization url will appear on emails sent by Coral to your community and organization members.
                </p>
                <div
                  className="Box-root HorizontalGutter-root HorizontalGutter-spacing-2"
                >
                  <div
                    className="TextField-root TextField-fullWidth"
                  >
                    <input
                      autoCapitalize="off"
                      autoComplete="off"
                      autoCorrect="off"
                      className="TextField-input TextField-colorRegular"
                      disabled={false}
                      id="configure-organization-organization.url"
                      name="organization.url"
                      onBlur={[Function]}
                      onChange={[Function]}
                      onFocus={[Function]}
                      placeholder=""
                      spellCheck={false}
                      type="text"
                      value="https://test.com/"
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </form>
</div>
`;
