const CreatorLink = props => {
  const [isLoaded, setLoaded] = useState();
  const [link, setLink] = useState();
  const [error, setError] = useState();

  const onChange = e => {
    const url = e.target.value;
    loadData(url);
  };

  const loadData = url => {
    axios
      .get(url, {
        crossDomain: true,
        mode: "no-cors",
        headers: {
          "Access-Control-Allow-Origin": "*"
        }
      })
      .then(response => response.text())
      .then(response => {
        console.log(response);
        let html = document.createElement("div");
        html.innerHTML = response;
        console.log("html", html);
      })

      .catch(error => {});
  };

  return (
    <div>
      {error}
      {props.link && <div></div>}

      <input
        onChange={onChange}
        value={link}
        className="input__text-regular creator-form__input"
        name="link"
        placeholder="Link do strony"
      />
    </div>
  );
};

export default CreatorLink;