import React from 'react'
import PropTypes from 'prop-types'

import Head from 'v2/components/UI/Head'

const Description = ({ children: description }) => (
  <Head>
    <meta property="description" content={description} />
    <meta name="twitter:description" content={description} />
    <meta property="og:description" content={description} />
  </Head>
)

Description.propTypes = {
  children: PropTypes.string,
}

Description.defaultProps = {
  children:
    'Are.na is a social platform for creative and collaborative research.',
}

export default Description

import React from 'react'
import PropTypes from 'prop-types'

import Head from 'v2/components/UI/Head'

const Description = ({ children: description }) => (
  <Head>
    <meta name="description" content={description} />
    <meta name="twitter:description" content={description} />
    <meta property="og:description" content={description} />
  </Head>
)

Description.propTypes = {
  children: PropTypes.string,
}

Description.defaultProps = {
  children:
    'Are.na is a social platform for creative and collaborative research.',
}

export default Description

Change meta attribute to name, not property