import { FC } from 'react'
import styles from './Icon.module.css'
import cx from 'classnames'

interface Props {
  className?: string
  classBody?: string
  classClick?: string
}

export const LeftClickIcon: FC<Props> = ({ className, classBody, classClick }) => {
  return (
    <svg
      xmlns='http://www.w3.org/2000/svg'
      version='1.1'
      x='0px'
      y='0px'
      viewBox='0 0 100 100'
      className={cx(styles.icon, className)}
    >
      <path
        className={classBody}
        d='M51.552,8.117v32.554l-3.095,0.009c-9.203,0.027-17.447,0.297-24.509,0.803l-0.291,0.021  c-0.026,1.733-0.036,3.521-0.036,5.378c0,24.854,1.527,45,26.379,45c24.854,0,26.379-20.146,26.379-45  C76.379,22.563,74.903,8.701,51.552,8.117z'
      />
      <path
        className={classClick}
        id='click'
        d='M48.448,37.577V8.117C27.971,8.629,24.313,19.354,23.727,38.388C29.914,37.945,38.002,37.607,48.448,37.577z'
      />
    </svg>
  )
}