{"size": 487, "ext": "js", "max_stars_repo_path": "src/components/shortcodes/warning.js", "max_stars_repo_name": "Ti-FE/website-docs", "max_stars_repo_stars_event_min_datetime": "2020-06-18T16:54:24.000Z", "max_stars_repo_stars_event_max_datetime": "2022-02-19T11:43:12.000Z", "max_issues_repo_path": "src/components/shortcodes/warning.js", "max_issues_repo_name": "Ti-FE/website-docs", "max_issues_repo_issues_event_min_datetime": "2020-05-20T08:12:52.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-25T05:16:32.000Z", "max_forks_repo_path": "src/components/shortcodes/warning.js", "max_forks_repo_name": "Ti-FE/website-docs", "max_forks_repo_forks_event_min_datetime": "2020-05-18T10:08:33.000Z", "max_forks_repo_forks_event_max_datetime": "2022-03-29T05:47:26.000Z"}
{"max_stars_count": 11, "max_issues_count": 77, "max_forks_count": 18, "avg_line_length": 22.1363636364, "max_line_length": 59, "alphanum_fraction": 0.6899383984}
import { FormattedMessage } from 'gatsby-plugin-react-intl'
import { Icon } from '@seagreenio/react-bulma'
import Message from './message'
import PropTypes from 'prop-types'
import React from 'react'

const Warning = ({ children }) => (
  <Message
    type="warning"
    icon={<Icon name="mdi mdi-alert" />}
    title={<FormattedMessage id="shortcodes.warning" />}
  >
    {children}
  </Message>
)

Warning.propTypes = {
  children: PropTypes.node.isRequired,
}

export default Warning
