ultra-design/es/divider/divider.js

import _pt from 'prop-types';
import { dividerStyles } from './divider-styles.js';
import 'react';
import { useMergeProps } from '../utils/mergeProps.js';
import clsx from 'clsx';
import withStyle from '../utils/withStyle.js';
import { jsx } from '@emotion/react/jsx-runtime';

var defaultProps = {};

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

Divider.propTypes = {
  vertical: _pt.bool,
  className: _pt.string
};
Divider.displayName = 'UltraDivider';
var Drvider = withStyle(Divider);

export { Drvider as default };