@wix/design-system/dist/cjs/ColorPicker/ColorPickerActions.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.ColorPickerActions = void 0;
var _react = _interopRequireDefault(require("react"));
var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
var _IconButton = require("../IconButton");
var _constants = require("./constants");
var _ColorPickerActionsSt = require("./ColorPickerActions.st.css.js");
var _WixDesignSystemIconThemeProvider = require("../WixDesignSystemIconThemeProvider");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/ColorPicker/ColorPickerActions.jsx",
  _this = void 0;
var ColorPickerActions = exports.ColorPickerActions = function ColorPickerActions(_ref) {
  var onCancel = _ref.onCancel,
    onConfirm = _ref.onConfirm,
    disabled = _ref.disabled;
  var icons = (0, _WixDesignSystemIconThemeProvider.useIcons)('ColorPickerActions', {
    X: _wixUiIconsCommon.X,
    Check: _wixUiIconsCommon.Check
  });
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: _ColorPickerActionsSt.classes.root,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 16,
      columnNumber: 5
    }
  }, /*#__PURE__*/_react["default"].createElement(_IconButton.IconButton, {
    dataHook: _constants.DataHooks.cancelButton,
    size: "medium",
    priority: "secondary",
    onClick: onCancel,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 17,
      columnNumber: 7
    }
  }, /*#__PURE__*/_react["default"].createElement(icons.X, {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 23,
      columnNumber: 9
    }
  })), /*#__PURE__*/_react["default"].createElement(_IconButton.IconButton, {
    dataHook: _constants.DataHooks.confirmButton,
    size: "medium",
    disabled: disabled,
    onClick: onConfirm,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 25,
      columnNumber: 7
    }
  }, /*#__PURE__*/_react["default"].createElement(icons.Check, {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 31,
      columnNumber: 9
    }
  })));
};