wix-style-react/dist/src/CarouselWIP/Control/Control.js

wix-style-react

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _IconButton = _interopRequireDefault(require("../../IconButton/IconButton"));

var _constants = require("../constants");

var Control = function Control(_ref) {
  var dataHook = _ref.dataHook,
      className = _ref.className,
      onClick = _ref.onClick,
      icon = _ref.icon,
      size = _ref.size,
      skin = _ref.skin,
      _ref$disabled = _ref.disabled,
      disabled = _ref$disabled === void 0 ? false : _ref$disabled;
  return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
    dataHook: dataHook,
    className: className,
    onClick: onClick,
    size: size,
    skin: skin,
    disabled: disabled,
    priority: _constants.SKIN_PRIORITY_MAP[skin]
  }, icon);
};

Control.propTypes = {
  /** Applied as data-hook HTML attribute that can be used in the tests */
  dataHook: _propTypes["default"].string,

  /** A css class to be applied to the control element */
  className: _propTypes["default"].string,

  /** Click handler function for the control */
  onClick: _propTypes["default"].func.isRequired,

  /** Icon to be rendered within the icon button */
  icon: _propTypes["default"].element.isRequired,

  /** Size to pass to the icon button rendered */
  size: _propTypes["default"].string,

  /** Skin to pass to the icon button rendered */
  skin: _propTypes["default"].string,

  /** Disabled flag to pass to the icon button rendered */
  disabled: _propTypes["default"].bool
};
var _default = Control;
exports["default"] = _default;