pouncejs/dist/cjs/components/Divider/Divider.js

A collection of UI components from Panther labs

"use strict";

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

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

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

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

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

var _Box = _interopRequireDefault(require("../Box"));

/**
 * Extends Box.
 *
 * A Divider is a simple component that will render a line to separate content into two sections
 */
var Divider = function Divider(_ref) {
  var _ref$orientation = _ref.orientation,
      orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
      color = _ref.color,
      backgroundColor = _ref.backgroundColor,
      borderColor = _ref.borderColor,
      rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["orientation", "color", "backgroundColor", "borderColor"]);
  var borderProps = orientation === 'vertical' ? {
    borderLeft: '0.0625rem solid',
    height: 'auto',
    mx: 2
  } : {
    borderBottom: '0.0625rem solid',
    width: 'auto',
    my: 2
  };
  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
    as: "hr",
    "aria-orientation": orientation,
    border: "none",
    opacity: 0.6
  }, borderProps, {
    borderColor: color || backgroundColor || borderColor || 'inherit'
  }, rest));
};

var _default = Divider;
exports.default = _default;