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

exports[`Search renders correctly 1`] = `
<div
  className="container"
>
  <div
    className="row-hl d-flex flex-wrap mb-2"
  >
    <div
      className="item-hl mr-1 px-2 pt-1 border rounded"
    >
      <div
        className="form-check form-check-inline"
      >
        <input
          checked={false}
          className="form-check-input"
          id="experimentTypeTest"
          name="experimentType"
          onChange={[Function]}
          type="radio"
          value="test"
        />
        <label
          className="form-check-label"
          htmlFor="experimentTypeTest"
        >
          Test
        </label>
      </div>
      <div
        className="form-check form-check-inline"
      >
        <input
          checked={false}
          className="form-check-input"
          id="experimentTypeExperiment"
          name="experimentType"
          onChange={[Function]}
          type="radio"
          value="experiment"
        />
        <label
          className="form-check-label"
          htmlFor="experimentTypeExperiment"
        >
          Experiment
        </label>
      </div>
      <div
        className="form-check form-check-inline"
      >
        <input
          checked={false}
          className="form-check-input"
          id="experimentTypeAll"
          name="experimentType"
          onChange={[Function]}
          type="radio"
          value="all"
        />
        <label
          className="form-check-label"
          htmlFor="experimentTypeAll"
        >
          All
        </label>
      </div>
    </div>
    <div
      className="item-hl mr-1 pt-1 px-2 border rounded"
    >
      <div
        className="form-check"
      >
        <input
          checked={false}
          className="form-check-input"
          id="switchActive"
          onChange={[Function]}
          type="checkbox"
          value="active"
        />
        <label
          className="form-check-label"
          htmlFor="switchActive"
        >
          Only Active
        </label>
      </div>
    </div>
    <div
      className="item-hl flex-fill mr-1"
    >
      <form
        className="form"
        onSubmit={[Function]}
      >
        <div
          className="input-group"
        >
          <input
            className="form-control"
            name="text"
            onChange={[Function]}
            placeholder="If it uses Autosubmit, you will find it. Search by expid, description, or owner."
            type="text"
            value=""
          />
          <div
            className="input-group-append"
          >
            <input
              className="btn btn-dark"
              type="submit"
              value="Search"
            />
          </div>
        </div>
      </form>
    </div>
    <div
      className="item-hl"
    >
      <form
        className="form"
        onSubmit={[Function]}
      >
        <div
          className="input-group"
        >
          <input
            className="btn btn-success"
            data-placement="bottom"
            data-toggle="tooltip"
            title="Shows all the experiments that are currently running under Autosubmit."
            type="submit"
            value="Active Exps"
          />
        </div>
      </form>
    </div>
  </div>
</div>
`;
