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

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

const wording = {
  description: 'a vertical line which is used as separator',
  title: 'Separator Pipe Icon',
}

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

  render() {
    return (
      <Vector {...this.props} {...wording}>
        <g>
          <path d="M1 0h1v15H1z" />
        </g>
      </Vector>
    )
  }
}

export { SeparatorIcon }
export default SeparatorIcon