30 lines
807 B
TypeScript
30 lines
807 B
TypeScript
import PropTypes from 'prop-types'
|
|
import React from 'react'
|
|
import { Helmet } from 'react-helmet'
|
|
|
|
const Twitter = ({ type, username, title, desc, image }) => (
|
|
<Helmet>
|
|
{username && <meta name="twitter:creator" content={username} />}
|
|
<meta name="twitter:card" content={type} />
|
|
<meta name="twitter:title" content={title} />
|
|
<meta name="twitter:description" content={desc} />
|
|
<meta name="twitter:image" content={image} />
|
|
<meta name="twitter:image:alt" content={desc} />
|
|
</Helmet>
|
|
)
|
|
|
|
export default Twitter
|
|
|
|
Twitter.propTypes = {
|
|
type: PropTypes.string,
|
|
username: PropTypes.string,
|
|
title: PropTypes.string.isRequired,
|
|
desc: PropTypes.string.isRequired,
|
|
image: PropTypes.string.isRequired,
|
|
}
|
|
|
|
Twitter.defaultProps = {
|
|
type: 'summary_large_image',
|
|
username: null,
|
|
}
|