manifold/web/components/tweet-button.tsx
2022-01-04 16:47:56 -06:00

28 lines
605 B
TypeScript

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 self-start border-none',
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}
/>
Tweet
</a>
)
}