import React, { FC } from 'react';
import Icon from '../../images/zoomUp.svg';
import classnames from 'classnames';
import { SCALE_MAX } from '../../const';

interface IProps {
  onClick: () => void;
  scale: number;
}

const ZoomUpButton: FC<IProps> = ({ onClick, scale }) => {
  return (
    <div
      className={classnames('slot', {
        disable: scale >= SCALE_MAX,
      })}
      onClick={onClick}
    >
      <Icon className="logo" />
    </div>
  );
};
export default ZoomUpButton;
