"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Separator = void 0;
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var StyledSeparator = _styledComponents.default.div.withConfig({
  displayName: "Separator__StyledSeparator",
  componentId: "sc-a5vdsz-0"
})(["width:", ";height:", ";background-color:", ";"], function (p) {
  return p.vertical ? '1px' : '100%';
}, function (p) {
  return p.vertical ? '100%' : '1px';
}, function (p) {
  return p.colorFunction ? p.colorFunction(p.theme) : p.theme.color.divider;
});
var FullWidthSeparator = _styledComponents.default.div.withConfig({
  displayName: "Separator__FullWidthSeparator",
  componentId: "sc-a5vdsz-1"
})(["width:", ";margin-left:", ";", "{width:", ";margin-left:", ";}height:1px;background-color:", ";"], function (p) {
  return "calc(100% + ".concat(p.theme.spacing.unit(10), "px)");
}, function (p) {
  return "-".concat(p.theme.spacing.unit(5), "px");
}, function (p) {
  return p.theme.media.lessThan(p.theme.breakpoints.sm);
}, function (p) {
  return "calc(100% + ".concat(p.theme.spacing.unit(6), "px)");
}, function (p) {
  return "-".concat(p.theme.spacing.unit(3), "px");
}, function (p) {
  return p.colorFunction ? p.colorFunction(p.theme) : p.theme.color.divider;
});
var Separator = exports.Separator = function Separator(props) {
  return props.fullWidth ? _react.default.createElement(FullWidthSeparator, {
    colorFunction: props.color,
    className: props.className
  }) : _react.default.createElement(StyledSeparator, {
    colorFunction: props.color,
    vertical: props.vertical,
    className: props.className
  });
};