@lyra/form-builder/lib/inputs/BlockEditor/Toolbar/CustomIcon.js

Lyra form builder

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

/*:: type Props = {
  icon: string,
  active: boolean
}*/
function CustomIcon(props /*: Props*/) {
  const icon = props.icon,
        active = props.active;

  const style = {
    width: '1em',
    height: '1em',
    backgroundImage: `url(${icon})`,
    borderRadius: 'inherit',
    backgroundOrigin: 'content-box',
    backgroundPosition: 'center',
    backgroundRepeat: 'no-repeat',
    backgroundSize: 'cover',
    transform: 'scale(0.7)',
    filter: active ? 'invert(100%)' : 'invert(0%)'
  };
  return _react2.default.createElement('div', { style: style });
}