"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = require("@emotion/react");
var _colors = require("@atlaskit/theme/colors");
/** @jsx jsx */

var separator = (0, _react.css)({
  background: "var(--ds-border, ".concat(_colors.N30, ")"),
  width: '1px',
  height: '20px',
  margin: "0 ".concat("var(--ds-space-050, 4px)"),
  alignSelf: 'center'
});
var _default = exports.default = function _default() {
  return (0, _react.jsx)("div", {
    css: separator,
    className: "separator"
  });
};