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:
    'Three horizontal bars of different length arranged in decreasing order to look like an inverted triangle representing a dropdown',
  title: 'Stripped DropDown Icon',
}

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

  render() {
    const identifier = fromPropsToIdentifier(this.props)
    return (
      <Vector {...this.props} {...wording} namespace={identifier}>
        <g fillRule="evenodd">
          <path d="M7 12h4v-2H7v2zM0 0v2h18V0H0zm3 7h12V5H3v2z" />
        </g>
      </Vector>
    )
  }
}

export { StrippedDropDownIcon }
export default StrippedDropDownIcon