ultra-design/lib/divider/divider.js

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var _pt = require('prop-types');
var dividerStyles = require('./divider-styles.js');
require('react');
var mergeProps = require('../utils/mergeProps.js');
var clsx = require('clsx');
var withStyle = require('../utils/withStyle.js');
var jsxRuntime = require('@emotion/react/jsx-runtime');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
var clsx__default = /*#__PURE__*/_interopDefaultLegacy(clsx);

var defaultProps = {};

var Divider = function Divider(p) {
  var props = mergeProps.useMergeProps(defaultProps, p);
  var vertical = props.vertical;
  return jsxRuntime.jsx("div", {
    css: dividerStyles.dividerStyles(props),
    className: clsx__default["default"]('ultra-divider', vertical && 'ultra-divider--vertical'),
    children: props.children && !vertical && jsxRuntime.jsx("span", {
      className: "ultra-divider__text",
      children: props.children
    })
  });
};

Divider.propTypes = {
  vertical: _pt__default["default"].bool,
  className: _pt__default["default"].string
};
Divider.displayName = 'UltraDivider';
var Drvider = withStyle["default"](Divider);

exports["default"] = Drvider;