import React from 'react';
import { TopAppBar, TopAppBarSection } from "@webiny/ui/TopAppBar";
import { renderPlugins } from "../../../plugins";
import { css } from "emotion";
var topBar = /*#__PURE__*/css({
  flex: 'none',
  position: 'unset',
  // width: '20px',
  // ".ant-btn": {
  //     "&:hover, &:focus, &:active": {
  //         borderColor: "#00ccb0",
  //         color: "#00ccb0"
  //     }
  // },
  ".rmwc-icon": {
    display: "none"
  }
}, "label:topBar;");
var rightBar = /*#__PURE__*/css({
  height: '48px !important',
  padding: 0
}, "label:rightBar;");

var DefaultEditorBar = function DefaultEditorBar(_ref) {
  var save = _ref.save;
  return /*#__PURE__*/React.createElement(TopAppBar, {
    className: "z-10 h-12 bg-transparent ".concat(topBar)
  }, /*#__PURE__*/React.createElement(TopAppBarSection, {
    className: "".concat(rightBar),
    alignEnd: true
  }, renderPlugins("pb-editor-default-bar-right", {
    save: save
  })));
};

export default /*#__PURE__*/React.memo(DefaultEditorBar);
//# sourceMappingURL=DefaultEditorBar.js.map