import React from 'react'
import Vector from 'atoms/Vector'
import { DefaultProps } from 'icons/typings'
import { fromPropsToIdentifier } from 'atoms/Icons/deps'

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

const wording = {
  description: 'A single star Icon',
  title: 'Star Icon',
  identifier: 'star-icon',
}

class StarIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '20px',
    height: '19px',
    viewBox: '0 0 20 19',
    fill: '#000000',
  }

  render() {
    const { fill } = this.props
    const identifier = fromPropsToIdentifier(wording)
    return (
      <Vector {...this.props} {...wording} namespace={identifier}>
        <g fill="none" fillRule="evenodd">
          <path d="M-2-2h24v24H-2z" />
          <path
            fill={fill}
            d="M10 15.27L16.18 19l-1.64-7.03L20 7.24l-7.19-.61L10 0 7.19 6.63 0 7.24l5.46 4.73L3.82 19z"
          />
        </g>
      </Vector>
    )
  }
}

export { StarIcon }
export default StarIcon