react-text-style/lib/Palette.js

React text style editor

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _reactColor = require('react-color');

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

var Palette = function Palette(_ref) {
  var color = _ref.color,
      onChange = _ref.onChange,
      showPalette = _ref.showPalette;

  var left = {
    font: '10px',
    highlight: '20px',
    backgroundCard: '30px'
  };
  var popover = {
    top: '-97px',
    position: 'absolute',
    zIndex: '1000',
    left: left[showPalette]
  };
  return _react2.default.createElement(
    'div',
    { style: popover },
    _react2.default.createElement(_reactColor.CompactPicker, { color: color,
      onChange: onChange })
  );
};

exports.default = Palette;
module.exports = exports['default'];