import React from 'react';
import Icon from '../Icon/index';
import './style.scss';

function ControlBtn({ click, style, className, iconType }: IControlBtn) {
  return (
    <div
      style={{ ...style }}
      onClick={(e) => click?.(e)}
      className={`zl-large-screen-silder-control ${className}`}
    >
      <Icon name={iconType} />
    </div>
  );
}

export default ControlBtn;

export interface IControlBtn {
  click?: Function;
  style?: React.CSSProperties;
  className?: string;
  iconType: string;
  // type?: 'right' | 'left';
}