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

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

const wording = {
  description: 'Swatches colors list',
  title: 'Customers Icon',
  vectorClassName: 'customersicon',
}

class SwatchesIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '48px',
    height: '48px',
    viewBox: '0 0 48 48',
    fill: 'none',
  }

  render() {
    return (
      <Vector {...this.props} {...wording}>
        <g>
          <path fill="#01BDF2" d="M0 0h16v16H0z" />
          <path fill="#EE30AA" d="M16 0h16v16H16z" />
          <path fill="#000" d="M0 16h16v16H0z" />
          <path fill="#FFF400" d="M32 0h16v16H32z" />
          <path fill="#01A550" d="M32 32h16v16H32z" />
          <path fill="#F47126" d="M32 16h16v16H32z" />
          <path fill="#3539A5" d="M16 16h16v16H16z" />
          <path fill="#CCCDCF" d="M16 32h16v16H16z" />
          <path fill="#F0242B" d="M0 32h16v16H0z" />
        </g>
      </Vector>
    )
  }
}

export { SwatchesIcon }
export default SwatchesIcon