@helpscout/hsds-react/components/Hr/Hr.css.js

React component library for Help Scout's Design System

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = exports.HrUI = exports.config = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _forEach = _interopRequireDefault(require("../../styles/utilities/forEach"));

var _color = require("../../styles/utilities/color");

var config = {
  color: (0, _color.getColor)('grey.400'),
  size: {
    md: 20,
    sm: 12,
    xs: 8,
    none: 0
  }
};
exports.config = config;
var HrUI = (0, _styledComponents.default)('hr').withConfig({
  displayName: "Hrcss__HrUI",
  componentId: "ju2r9l-0"
})(["border:0;border-top-color:", ";border-top-style:solid;border-top-width:1px;box-sizing:content-box;display:block;height:0;margin:20px 0;", ";"], config.color, makeSizeStyles());
exports.HrUI = HrUI;

function makeSizeStyles() {
  var sizes = Object.keys(config.size);
  return (0, _forEach.default)(sizes, function (size) {
    return "\n    &.is-" + size + " {\n      margin-bottom: " + config.size[size] + "px;\n      margin-top: " + config.size[size] + "px;\n    }\n  ";
  });
}

var _default = HrUI;
exports.default = _default;