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

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

const wording = {
  title: 'France Flag Icon',
  description: 'A icon, representing a france flag.',
}

class FranceFlagIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '50px',
    height: '50px',
    viewBox: '0 0 3 2',
    fill: '#FF4B55',
  }

  render() {
    return (
      <Vector {...this.props} {...wording} vectorClassName={'franceflagicon'}>
        <rect width="3" height="2" fill="#ED2939" />
        <rect width="2" height="2" fill="#fff" />
        <rect width="1" height="2" fill="#002395" />
      </Vector>
    )
  }
}

export { FranceFlagIcon }
export default FranceFlagIcon