import classnames from 'classnames';
import { FcrIcon } from '../icon';
import { FcrToolTip } from '../tooltip';
import './index.css';
import { jsx as _jsx } from "react/jsx-runtime";
export var FcrIconButton = function FcrIconButton(props) {
  var icon = props.icon,
    _props$size = props.size,
    size = _props$size === void 0 ? 'small' : _props$size,
    className = props.className,
    onClick = props.onClick,
    disabled = props.disabled,
    iconColors = props.iconColors;
  return /*#__PURE__*/_jsx("button", {
    disabled: disabled,
    onClick: onClick,
    className: classnames('fcr-clickabel-icon', "fcr-clickable-icon-".concat(size), 'fcr-btn-click-effect', className),
    children: /*#__PURE__*/_jsx(FcrIcon, {
      type: icon,
      size: size === 'large' ? 32 : 20,
      colors: iconColors
    })
  });
};
export var FcrPretestDeviceIcon = function FcrPretestDeviceIcon(props) {
  var status = props.status,
    icon = props.icon,
    onClick = props.onClick,
    className = props.className,
    tooltip = props.tooltip,
    _props$size2 = props.size,
    size = _props$size2 === void 0 ? 'large' : _props$size2;
  return /*#__PURE__*/_jsx(FcrToolTip, {
    content: tooltip,
    children: /*#__PURE__*/_jsx(FcrIconButton, {
      onClick: status === 'disabled' ? function () {} : onClick,
      icon: icon,
      size: size,
      className: classnames("fcr-pretest-device-icon-".concat(status), className),
      iconColors: {
        iconPrimary: 'var(--fcr_ui_scene_white10)'
      }
    })
  });
};