wix-style-react/dist/src/ColorPicker/ColorPickerHistory.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 _constants = require("./constants");

var _ColorPickerHistorySt = require("./ColorPickerHistory.st.css");

var ColorPickerHistory = function ColorPickerHistory(_ref) {
  var show = _ref.show,
      current = _ref.current,
      previous = _ref.previous,
      _onClick = _ref.onClick;

  if (show) {
    return /*#__PURE__*/_react["default"].createElement("div", {
      className: _ColorPickerHistorySt.classes.root,
      "data-hook": _constants.DataHooks.history
    }, /*#__PURE__*/_react["default"].createElement("div", {
      "data-hook": _constants.DataHooks.historyPrevious,
      style: {
        background: previous.hex()
      },
      onClick: function onClick() {
        return _onClick(previous);
      }
    }), /*#__PURE__*/_react["default"].createElement("div", {
      "data-hook": _constants.DataHooks.historyCurrent,
      style: {
        background: current.hex()
      }
    }));
  }

  return null;
};

ColorPickerHistory.propTypes = {
  show: _propTypes["default"].bool.isRequired,
  previous: _propTypes["default"].object.isRequired,
  current: _propTypes["default"].object.isRequired,
  onClick: _propTypes["default"].func.isRequired
};
var _default = ColorPickerHistory;
exports["default"] = _default;