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

exports[`FormGroup should render correctly when label is not a string with Children = Array 1`] = `
<DocumentFragment>
  <div
    class="pf-c-form__group"
  >
    <div
      class="pf-c-form__group-label"
    >
      <label
        class="pf-c-form__label"
        for="id"
      >
        <span
          class="pf-c-form__label-text"
        >
          <div>
            label
          </div>
        </span>
      </label>
       
    </div>
    <div
      class="pf-c-form__group-control"
    >
      <input
        aria-label="label"
      />
      <input
        id="id"
      />
      <input />
    </div>
  </div>
</DocumentFragment>
`;

exports[`FormGroup should render default form group variant 1`] = `
<DocumentFragment>
  <div
    class="pf-c-form__group"
  >
    <div
      class="pf-c-form__group-label"
    >
      <label
        class="pf-c-form__label"
        for="label-id"
      >
        <span
          class="pf-c-form__label-text"
        >
          label
        </span>
      </label>
       
    </div>
    <div
      class="pf-c-form__group-control"
    >
      <input
        id="label-id"
      />
      <div
        aria-live="polite"
        class="pf-c-form__helper-text"
        id="label-id-helper"
      >
        this is helper text
      </div>
    </div>
  </div>
</DocumentFragment>
`;

exports[`FormGroup should render form group invalid variant 1`] = `
<DocumentFragment>
  <div
    class="pf-c-form__group"
  >
    <div
      class="pf-c-form__group-label"
    >
      <label
        class="pf-c-form__label"
        for="label-id"
      >
        <span
          class="pf-c-form__label-text"
        >
          label
        </span>
      </label>
       
    </div>
    <div
      class="pf-c-form__group-control"
    >
      <input
        id="id"
      />
      <div
        aria-live="polite"
        class="pf-c-form__helper-text pf-m-error"
        id="label-id-helper"
      >
        Invalid FormGroup
      </div>
    </div>
  </div>
</DocumentFragment>
`;

exports[`FormGroup should render form group validated error variant 1`] = `
<DocumentFragment>
  <div
    class="pf-c-form__group"
  >
    <div
      class="pf-c-form__group-label"
    >
      <label
        class="pf-c-form__label"
        for="label-id"
      >
        <span
          class="pf-c-form__label-text"
        >
          label
        </span>
      </label>
       
    </div>
    <div
      class="pf-c-form__group-control"
    >
      <input
        id="id"
      />
    </div>
  </div>
</DocumentFragment>
`;

exports[`FormGroup should render form group validated success variant 1`] = `
<DocumentFragment>
  <div
    class="pf-c-form__group"
    data-testid="form-group-test-id"
  >
    <div
      class="pf-c-form__group-label"
    >
      <label
        class="pf-c-form__label"
        for="label-id"
      >
        <span
          class="pf-c-form__label-text"
        >
          label
        </span>
      </label>
       
    </div>
    <div
      class="pf-c-form__group-control"
    >
      <input
        id="id"
      />
      <div
        aria-live="polite"
        class="pf-c-form__helper-text pf-m-success"
        id="label-id-helper"
      >
        Validated FormGroup
      </div>
    </div>
  </div>
</DocumentFragment>
`;

exports[`FormGroup should render form group validated warning variant 1`] = `
<DocumentFragment>
  <div
    class="pf-c-form__group"
    data-testid="form-group-test-id"
  >
    <div
      class="pf-c-form__group-label"
    >
      <label
        class="pf-c-form__label"
        for="label-id"
      >
        <span
          class="pf-c-form__label-text"
        >
          label
        </span>
      </label>
       
    </div>
    <div
      class="pf-c-form__group-control"
    >
      <input
        id="id"
      />
      <div
        aria-live="polite"
        class="pf-c-form__helper-text pf-m-warning"
        id="label-id-helper"
      >
        Validated FormGroup
      </div>
    </div>
  </div>
</DocumentFragment>
`;

exports[`FormGroup should render form group variant with node label 1`] = `
<DocumentFragment>
  <div
    class="pf-c-form__group"
  >
    <div
      class="pf-c-form__group-label"
    >
      <label
        class="pf-c-form__label"
        for="id"
      >
        <span
          class="pf-c-form__label-text"
        >
          <h1>
            Header
          </h1>
        </span>
      </label>
       
    </div>
    <div
      class="pf-c-form__group-control"
    >
      <input
        aria-label="input"
      />
    </div>
  </div>
</DocumentFragment>
`;

exports[`FormGroup should render form group variant with required label 1`] = `
<DocumentFragment>
  <div
    class="pf-c-form__group"
  >
    <div
      class="pf-c-form__group-label"
    >
      <label
        class="pf-c-form__label"
        for="label-id"
      >
        <span
          class="pf-c-form__label-text"
        >
          label
        </span>
        <span
          aria-hidden="true"
          class="pf-c-form__label-required"
        >
           *
        </span>
      </label>
       
    </div>
    <div
      class="pf-c-form__group-control"
    >
      <input
        id="label-id"
      />
    </div>
  </div>
</DocumentFragment>
`;

exports[`FormGroup should render form group variant without label 1`] = `
<DocumentFragment>
  <div
    class="pf-c-form__group"
  >
    <div
      class="pf-c-form__group-control"
    >
      <input
        aria-label="input"
      />
    </div>
  </div>
</DocumentFragment>
`;

exports[`FormGroup should render form group with additonal label info 1`] = `
<DocumentFragment>
  <div
    class="pf-c-form__group"
  >
    <div
      class="pf-c-form__group-label pf-m-info"
    >
      <div
        class="pf-c-form__group-label-main"
      >
        <label
          class="pf-c-form__label"
          for="id"
        >
          <span
            class="pf-c-form__label-text"
          >
            <h1>
              Header
            </h1>
          </span>
        </label>
         
      </div>
      <div
        class="pf-c-form__group-label-info"
      >
        more info
      </div>
    </div>
    <div
      class="pf-c-form__group-control"
    >
      <input
        aria-label="input"
      />
    </div>
  </div>
</DocumentFragment>
`;

exports[`FormGroup should render helper text above input 1`] = `
<DocumentFragment>
  <form
    class="pf-c-form pf-m-horizontal"
    novalidate=""
  >
    <div
      class="pf-c-form__group"
    >
      <div
        class="pf-c-form__group-label"
      >
        <label
          class="pf-c-form__label"
          for="label-id"
        >
          <span
            class="pf-c-form__label-text"
          >
            label
          </span>
        </label>
         
      </div>
      <div
        class="pf-c-form__group-control"
      >
        <div
          aria-live="polite"
          class="pf-c-form__helper-text"
          id="label-id-helper"
        >
          this is helperText
        </div>
        <input
          id="label-id"
        />
      </div>
    </div>
  </form>
</DocumentFragment>
`;

exports[`FormGroup should render horizontal form group variant 1`] = `
<DocumentFragment>
  <form
    class="pf-c-form pf-m-horizontal"
    novalidate=""
  >
    <div
      class="pf-c-form__group"
    >
      <div
        class="pf-c-form__group-label"
      >
        <label
          class="pf-c-form__label"
          for="label-id"
        >
          <span
            class="pf-c-form__label-text"
          >
            label
          </span>
        </label>
         
      </div>
      <div
        class="pf-c-form__group-control"
      >
        <input
          id="label-id"
        />
        <div
          aria-live="polite"
          class="pf-c-form__helper-text"
          id="label-id-helper"
        >
          this is helperText
        </div>
      </div>
    </div>
  </form>
</DocumentFragment>
`;

exports[`FormGroup should render stacked horizontal form group variant 1`] = `
<DocumentFragment>
  <form
    class="pf-c-form pf-m-horizontal"
    novalidate=""
  >
    <div
      class="pf-c-form__group"
    >
      <div
        class="pf-c-form__group-label"
      >
        <label
          class="pf-c-form__label"
          for="label-id"
        >
          <span
            class="pf-c-form__label-text"
          >
            label
          </span>
        </label>
         
      </div>
      <div
        class="pf-c-form__group-control pf-m-stack"
      >
        <input
          id="label-id"
        />
        <div
          aria-live="polite"
          class="pf-c-form__helper-text"
          id="label-id-helper"
        >
          this is helperText
        </div>
      </div>
    </div>
  </form>
</DocumentFragment>
`;
