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

exports[`ClickToCopy renders children 1`] = `
<div
  className="container"
>
  <span
    className="underlined"
    onClick={[Function]}
    onFocus={[Function]}
    onKeyDown={[Function]}
    onMouseOver={[Function]}
    role="button"
    tabIndex="0"
  >
    <span>
      other text
    </span>
  </span>
  <span
    className="tooltip"
  >
    Click to Copy
  </span>
  <textarea
    className="invisible"
    readOnly={true}
    value="test-text"
  />
</div>
`;

exports[`ClickToCopy renders without crashing 1`] = `
<div
  className="container"
>
  <span
    className="underlined"
    onClick={[Function]}
    onFocus={[Function]}
    onKeyDown={[Function]}
    onMouseOver={[Function]}
    role="button"
    tabIndex="0"
  >
    test-text
  </span>
  <span
    className="tooltip"
  >
    Click to Copy
  </span>
  <textarea
    className="invisible"
    readOnly={true}
    value="test-text"
  />
</div>
`;

exports[`ClickToCopy resets when focused 1`] = `
<ClickToCopy
  text="test-text"
>
  <div
    className="container"
  >
    <span
      className="underlined"
      onClick={[Function]}
      onFocus={[Function]}
      onKeyDown={[Function]}
      onMouseOver={[Function]}
      role="button"
      tabIndex="0"
    >
      test-text
    </span>
    <span
      className="tooltip"
    >
      Click to Copy
    </span>
    <textarea
      className="invisible"
      readOnly={true}
      value="test-text"
    />
  </div>
</ClickToCopy>
`;

exports[`ClickToCopy shows tooltip when hovered 1`] = `
<ClickToCopy
  text="test-text"
>
  <div
    className="container"
  >
    <span
      className="underlined"
      onClick={[Function]}
      onFocus={[Function]}
      onKeyDown={[Function]}
      onMouseOver={[Function]}
      role="button"
      tabIndex="0"
    >
      test-text
    </span>
    <span
      className="tooltip"
    >
      Click to Copy
    </span>
    <textarea
      className="invisible"
      readOnly={true}
      value="test-text"
    />
  </div>
</ClickToCopy>
`;

exports[`ClickToCopy shows tooltip when hovered 2`] = `
<ClickToCopy
  text="test-text"
>
  <div
    className="container"
  >
    <span
      className="underlined"
      onClick={[Function]}
      onFocus={[Function]}
      onKeyDown={[Function]}
      onMouseOver={[Function]}
      role="button"
      tabIndex="0"
    >
      test-text
    </span>
    <span
      className="tooltip"
    >
      Copied!
    </span>
    <textarea
      className="invisible"
      readOnly={true}
      value="test-text"
    />
  </div>
</ClickToCopy>
`;

exports[`ClickToCopy uses children if no text provided 1`] = `
<div
  className="container"
>
  <span
    className="underlined"
    onClick={[Function]}
    onFocus={[Function]}
    onKeyDown={[Function]}
    onMouseOver={[Function]}
    role="button"
    tabIndex="0"
  >
    <span>
      other text
    </span>
  </span>
  <span
    className="tooltip"
  >
    Click to Copy
  </span>
  <textarea
    className="invisible"
    readOnly={true}
    value={
      <span>
        other text
      </span>
    }
  />
</div>
`;
