export function TweetButton(props: { tweetText?: string }) {
  const { tweetText } = props

  return (
    <a
      className="twitter-share-button"
      href={`https://twitter.com/intent/tweet?text=${encodeURIComponent(
        tweetText ?? ''
      )}`}
      data-size="large"
    >
      Tweet
    </a>
  )
}

export function TwitterScript() {
  return (
    <script
      dangerouslySetInnerHTML={{
        __html: `
          window.twttr = (function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0],
            t = window.twttr || {};
          if (d.getElementById(id)) return t;
          js = d.createElement(s);
          js.id = id;
          js.src = "https://platform.twitter.com/widgets.js";
          fjs.parentNode.insertBefore(js, fjs);

          t._e = [];
          t.ready = function(f) {
            t._e.push(f);
          };

          return t;
        }(document, "script", "twitter-wjs"));
        `,
      }}
    />
  )
}
