import React from 'react'
import { Icon } from 'UI'
import cn from 'classnames'
import { ForwardOutlined } from '@ant-design/icons';

interface IProps {
  size: number;
  onClick: () => void;
  isBackwards?: boolean;
  customClasses: string;
}

export function SkipButton({ onClick, isBackwards, customClasses }: IProps) {

  return (
    <div
      onClick={onClick}
      className={cn('py-1 px-2 cursor-pointer', customClasses)}
    >
      <ForwardOutlined rotate={isBackwards ? 180 : 0} />
    </div>
  )
}