@telia/styleguide/atoms/HorizontalRule/HorizontalRule.js

This is a living styleguide, showing the Atomic Design components which should be used in Telia Norway's web applications to achieve a common look & feel, and therefore user experience.

"use strict";

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

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

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

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

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

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _classnames2 = _interopRequireDefault(require("classnames"));

/**
 * Status: *finished*
 *
 * The css-class <code>.horizontal-rule</code> can be used on any element to give it a grey border in bottom of
 * the element, or it can be used on the <code>&lt;hr/&gt;</code> tag as a standalone component.
 * The style should be used to define a thematic break.
 */
var HorizontalRule = function HorizontalRule(_ref) {
  var _classnames;

  var className = _ref.className,
      short = _ref.short,
      left = _ref.left,
      rest = (0, _objectWithoutProperties2.default)(_ref, ["className", "short", "left"]);
  return _react.default.createElement("hr", (0, _extends2.default)({
    className: (0, _classnames2.default)('horizontal-rule', (_classnames = {}, (0, _defineProperty2.default)(_classnames, className, className), (0, _defineProperty2.default)(_classnames, 'horizontal-rule--short', short), (0, _defineProperty2.default)(_classnames, 'horizontal-rule--left', left), _classnames))
  }, rest));
};

HorizontalRule.propTypes = process.env.NODE_ENV !== "production" ? {
  /** Whenever this should be short or not. */
  short: _propTypes.default.bool,

  /** Whenever this should be left aligned. */
  left: _propTypes.default.bool
} : {};
var _default = HorizontalRule;
exports.default = _default;