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

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

const wording = {
  description: 'top and bottom arrow list type icon',
  title: 'Unfold More Icon',
  vectorClassName: 'unfoldmoreicon',
}

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

  render() {
    return (
      <Vector {...this.props} {...wording}>
        <g fill="none">
          <path d="M-7-3h24v24H-7z" />
          <path
            fill={this.props.fill}
            d="M5 2.83L8.17 6l1.41-1.41L5 0 .41 4.59 1.83 6 5 2.83zm0 12.34L1.83 12 .42 13.41 5 18l4.59-4.59L8.17 12 5 15.17z"
          />
        </g>
      </Vector>
    )
  }
}

export { UnfoldMoreIcon }
export default UnfoldMoreIcon