import type { FC } from 'react'

type Props = {
    userId:   string
    statusId: string }


const TwitterEmbed: FC<Props> = ({ userId, statusId }) => {
  const now = (new Date).toLocaleDateString ()

  return (
      <div>
	<blockquote className="twitter-tweet">
	  <p lang="ja" dir="ltr">
	    Loading...
	  </p>
	  — <a href={`https://twitter.com/${ userId }?ref_src=twsrc%3Etfw`}>@{userId}</a> <a href={`https://twitter.com/${ userId }/status/${ statusId }?ref_src=twsrc%5Etfw`}>{now}</a>
	</blockquote>
	<script async src="https://platform.twitter.com/widgets.js" charSet="utf-8"/>
      </div>)
}

export default TwitterEmbed