@edtr-io/plugin-text/dist/toolbar/button.js

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Button = void 0;

var _ui = require("@edtr-io/ui");

var _ = require("..");

var Button = _ui.styled.button(function (props) {
  var theme = (0, _.createTextPluginTheme)(props.name, props.theme);
  return {
    backgroundColor: props.active ? theme.active.backgroundColor : theme.backgroundColor,
    cursor: 'pointer',
    boxShadow: props.active ? 'inset 0 1px 3px 0 rgba(0,0,0,0.50)' : undefined,
    color: props.active ? theme.active.color : theme.color,
    outline: 'none',
    height: '25px',
    border: 'none',
    borderRadius: '4px',
    margin: '5px',
    padding: '0px',
    width: '25px',
    '&:hover': {
      color: theme.hoverColor
    }
  };
});

exports.Button = Button;
//# sourceMappingURL=button.js.map