wix-style-react/dist/src/ColorPicker/ColorPickerActions.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 _X = _interopRequireDefault(require("wix-ui-icons-common/X"));

var _Check = _interopRequireDefault(require("wix-ui-icons-common/Check"));

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

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

var _ColorPickerActionsSt = require("./ColorPickerActions.st.css");

var ColorPickerActions = function ColorPickerActions(_ref) {
  var onCancel = _ref.onCancel,
      onConfirm = _ref.onConfirm,
      disabled = _ref.disabled;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: _ColorPickerActionsSt.classes.root
  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
    dataHook: _constants.DataHooks.cancelButton,
    size: "small",
    priority: "secondary",
    onClick: onCancel
  }, /*#__PURE__*/_react["default"].createElement(_X["default"], null)), /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
    dataHook: _constants.DataHooks.confirmButton,
    size: "small",
    disabled: disabled,
    onClick: onConfirm
  }, /*#__PURE__*/_react["default"].createElement(_Check["default"], null)));
};

ColorPickerActions.propTypes = {
  onCancel: _propTypes["default"].func.isRequired,
  onConfirm: _propTypes["default"].func.isRequired
};
var _default = ColorPickerActions;
exports["default"] = _default;