import React from 'react'
import { DefaultProps } from '../../typings'
import Vector from '../../../Vector'

// extending interface from Label component
interface Props extends DefaultProps {}

const wording = {
  title: 'Caution Circle Icon',
  description:
    'an exclamation mark inside of a circle (denoting danger & special attention be payed to this region)',
}

class CautionCircleIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '35px',
    height: '35px',
    viewBox: '4 4 35 35',
    stroke: '#000000',
    strokeWidth: '2px',
    strokeLinecap: 'round',
    strokeMiterlimit: '10',
  }

  render() {
    return (
      <Vector {...this.props} {...wording} fill="none">
        <g>
          <line x1="20.82" y1="13.61" x2="20.82" y2="24.61" />
          <line x1="20.82" y1="29.61" x2="20.82" y2="31.61" />
          <g transform="translate(-20.72, -20)" fill="none">
            <circle cx="42" cy="40.72" r="16" />
          </g>
        </g>
      </Vector>
    )
  }
}

export { CautionCircleIcon }
export default CautionCircleIcon