text: function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
  
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
  
  import { chakra, forwardRef, omitThemingProps, useStyleConfig } from "@chakra-ui/system";
  import { cx, __DEV__ } from "@chakra-ui/utils";
  import * as React from "react";
  /**
   * Layout component used to visually separate content in a list or group.
   * It display a thin horizontal or vertical line, and renders a `hr` tag.
   *
   * @see Docs https://chakra-ui.com/docs/data-display/divider
   */
  
  export var Divider = /*#__PURE__*/forwardRef((props, ref) => {
    var _useStyleConfig = useStyleConfig("Divider", props),
        {
      borderLeftWidth,
      borderBottomWidth,
      borderTopWidth,
      borderRightWidth,
      borderWidth,
      borderStyle,
      borderColor
    } = _useStyleConfig,
        styles = _objectWithoutPropertiesLoose(_useStyleConfig, ["borderLeftWidth", "borderBottomWidth", "borderTopWidth", "borderRightWidth", "borderWidth", "borderStyle", "borderColor"]);
  
    var _omitThemingProps = omitThemingProps(props),
        {
      className,
      orientation = "horizontal",
      __css
    } = _omitThemingProps,
        rest = _objectWithoutPropertiesLoose(_omitThemingProps, ["className", "orientation", "__css"]);
  
    var dividerStyles = {
      vertical: {
        borderLeftWidth: borderLeftWidth || borderRightWidth || borderWidth || "1px",
        height: "100%"
      },
      horizontal: {
        borderBottomWidth: borderBottomWidth || borderTopWidth || borderWidth || "1px",
        width: "100%"
      }
    };
    return /*#__PURE__*/React.createElement(chakra.hr, _extends({
      ref: ref,
      role: "separator",
      "aria-orientation": orientation
    }, rest, {
      __css: _extends({}, styles, {
        border: "0",
        borderColor,
        borderStyle
      }, dividerStyles[orientation], __css),
      className: cx("chakra-divider", className)
    }));
  });
  
  if (__DEV__) {
    Divider.displayName = "Divider";
  }
  //# sourceMappingURL=divider.js.map