"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = require("@emotion/react");
/**
 * @jsxRuntime classic
 * @jsx jsx
 */
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic

var separator = (0, _react.css)({
  background: "var(--ds-border, #0B120E24)",
  width: '1px',
  height: '20px',
  margin: "0 ".concat("var(--ds-space-050, 4px)"),
  alignSelf: 'center'
});
var separatorNew = (0, _react.css)({
  background: "var(--ds-border, #0B120E24)",
  width: '1px',
  height: '20px',
  alignSelf: 'center'
});
var separatorFullHeight = (0, _react.css)({
  height: '40px'
});
var _default = exports.default = function _default(_ref) {
  var fullHeight = _ref.fullHeight,
    areAnyNewToolbarFlagsEnabled = _ref.areAnyNewToolbarFlagsEnabled;
  return (0, _react.jsx)("div", {
    css: [areAnyNewToolbarFlagsEnabled ? separatorNew : separator, fullHeight && separatorFullHeight]
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
    ,
    className: "separator"
  });
};