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

"use strict";

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

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

var _ = require("..");

var Dropdown = _ui.styled.select(function (props) {
  var theme = (0, _.createTextPluginTheme)(props.name, props.theme);
  return {
    backgroundColor: theme.backgroundColor,
    cursor: 'pointer',
    color: theme.color,
    outline: 'none',
    height: '25px',
    border: 'none',
    borderRadius: '4px',
    margin: '5px',
    '&:hover': {
      color: theme.hoverColor
    }
  };
});

exports.Dropdown = Dropdown;

var Option = _ui.styled.option(function (props) {
  var theme = (0, _.createTextPluginTheme)(props.name, props.theme);
  return {
    backgroundColor: props.active ? theme.active.backgroundColor : theme.dropDown.backgroundColor,
    color: props.active ? theme.active.color : theme.color,
    cursor: 'pointer',
    '&:hover': {
      color: theme.hoverColor
    }
  };
});

exports.Option = Option;
//# sourceMappingURL=dropdown.js.map