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

exports[`components/ColorInput should match snapshot, click on picker 1`] = `
<div
  className="color-input input-group"
>
  <input
    className="form-control"
    readOnly={true}
    type="text"
    value="#ffffff"
  />
  <span
    className="input-group-addon"
    onClick={[Function]}
  >
    <i
      className="color-icon"
      style={
        Object {
          "backgroundColor": "#ffffff",
        }
      }
    />
  </span>
  <div
    className="color-popover"
  >
    <ColorPicker
      color="#ffffff"
      disableAlpha={false}
      onChange={[Function]}
    />
  </div>
</div>
`;

exports[`components/ColorInput should match snapshot, init 1`] = `
<div
  className="color-input input-group"
>
  <input
    className="form-control"
    readOnly={true}
    type="text"
    value="#ffffff"
  />
  <span
    className="input-group-addon"
    onClick={[Function]}
  >
    <i
      className="color-icon"
      style={
        Object {
          "backgroundColor": "#ffffff",
        }
      }
    />
  </span>
</div>
`;

exports[`components/ColorInput should match snapshot, opened 1`] = `
<div
  className="color-input input-group"
>
  <input
    className="form-control"
    readOnly={true}
    type="text"
    value="#ffffff"
  />
  <span
    className="input-group-addon"
    onClick={[Function]}
  >
    <i
      className="color-icon"
      style={
        Object {
          "backgroundColor": "#ffffff",
        }
      }
    />
  </span>
  <div
    className="color-popover"
  >
    <ColorPicker
      color="#ffffff"
      disableAlpha={false}
      onChange={[Function]}
    />
  </div>
</div>
`;

exports[`components/ColorInput should match snapshot, toggle picker 1`] = `
<div
  className="color-input input-group"
>
  <input
    className="form-control"
    readOnly={true}
    type="text"
    value="#ffffff"
  />
  <span
    className="input-group-addon"
    onClick={[Function]}
  >
    <i
      className="color-icon"
      style={
        Object {
          "backgroundColor": "#ffffff",
        }
      }
    />
  </span>
</div>
`;