wix-style-react/dist/src/ColorPicker/ColorPickerActions.js

wix-style-react

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _Button = require('../Button');

var _Button2 = _interopRequireDefault(_Button);

var _X = require('../new-icons/X');

var _X2 = _interopRequireDefault(_X);

var _Check = require('../new-icons/Check');

var _Check2 = _interopRequireDefault(_Check);

var _ColorPickerActions = require('./ColorPickerActions.scss');

var _ColorPickerActions2 = _interopRequireDefault(_ColorPickerActions);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var ColorPickerActions = function ColorPickerActions(_ref) {
  var onCancel = _ref.onCancel,
      onConfirm = _ref.onConfirm;
  return _react2.default.createElement(
    'div',
    { className: _ColorPickerActions2.default.root },
    _react2.default.createElement(
      _Button2.default,
      { height: 'small', theme: 'icon-standardsecondary', onClick: onCancel },
      _react2.default.createElement(_X2.default, null)
    ),
    _react2.default.createElement(
      _Button2.default,
      {
        dataHook: 'color-picker-confirm-button',
        height: 'small',
        theme: 'icon-standard',
        onClick: onConfirm
      },
      _react2.default.createElement(_Check2.default, null)
    )
  );
};

ColorPickerActions.propTypes = {
  onCancel: _propTypes.func.isRequired,
  onConfirm: _propTypes.func.isRequired
};

exports.default = ColorPickerActions;