import _objectSpread from "@babel/runtime/helpers/objectSpread2";
import React from "react";
import { connect } from "../../redux";
import { css } from "emotion";
import { getUi } from "../../selectors";
import EditorContentBar from "./ContentBar";
var optButton = /*#__PURE__*/css({
  width: 320,
  display: 'flex',
  flexDirection: 'row',
  paddingLeft: 4,
  float: 'left',
  '> div': {
    border: '0 !important'
  }
}, "label:optButton;");
var optRightBtn = /*#__PURE__*/css({
  paddingRight: 15,
  float: 'right',
  overflow: 'hidden',
  '> div': {
    float: 'left'
  }
}, "label:optRightBtn;");

var Bar = function Bar(props) {
  var save = props.save,
      addon = props.addon;
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
    className: optButton
  }, /*#__PURE__*/React.createElement(EditorContentBar, {
    save: save
  })), /*#__PURE__*/React.createElement("div", {
    className: optRightBtn
  }));
};

var stateToProps = function stateToProps(state) {
  return _objectSpread({}, getUi(state));
};

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