import clsx from 'clsx'

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

  return (
    <a
      className={clsx(
        'btn btn-xs normal-case border-none flex flex-row flex-nowrap',
        className
      )}
      style={{ backgroundColor: '#1da1f2' }}
      href={`https://twitter.com/intent/tweet?text=${encodeURIComponent(
        tweetText ?? ''
      )}`}
      target="_blank"
    >
      <img
        className="mr-2"
        src={'/twitter-icon-white.svg'}
        width={15}
        height={15}
      />
      <div>Tweet</div>
    </a>
  )
}