@wordpress/components/build-module/ui/divider/component.js

UI components for WordPress.

import _extends from "@babel/runtime/helpers/esm/extends";
import { cx as _cx } from "emotion";
import { css as _css } from "emotion";
import { createElement } from "@wordpress/element";
// eslint-disable-next-line no-restricted-imports
import { Separator } from 'reakit'; // eslint-disable-next-line no-restricted-imports, no-duplicate-imports

/**
 * WordPress dependencies
 */
import { useMemo } from '@wordpress/element';
/**
 * Internal dependencies
 */

import { contextConnect, useContextSystem } from '../context'; // eslint-disable-next-line no-duplicate-imports

import * as styles from './styles';
import { space } from '../utils/space';

function Divider(props, forwardedRef) {
  const {
    className,
    m,
    mb,
    mt,
    ...otherProps
  } = useContextSystem(props, 'Divider');
  const classes = useMemo(() => {
    const sx = {};

    if (typeof m !== 'undefined') {
      sx.m = /*#__PURE__*/_css("margin-bottom:", space(m), ";margin-top:", space(m), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdWkvZGl2aWRlci9jb21wb25lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEYSIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3VpL2RpdmlkZXIvY29tcG9uZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcywgY3ggfSBmcm9tICdlbW90aW9uJztcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCB7IFNlcGFyYXRvciB9IGZyb20gJ3JlYWtpdCc7XG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcmVzdHJpY3RlZC1pbXBvcnRzLCBuby1kdXBsaWNhdGUtaW1wb3J0c1xuaW1wb3J0IHR5cGUgeyBTZXBhcmF0b3JQcm9wcyB9IGZyb20gJ3JlYWtpdCc7XG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcmVzdHJpY3RlZC1pbXBvcnRzXG5pbXBvcnQgdHlwZSB7IFJlZiB9IGZyb20gJ3JlYWN0JztcblxuLyoqXG4gKiBXb3JkUHJlc3MgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdAd29yZHByZXNzL2VsZW1lbnQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjb250ZXh0Q29ubmVjdCwgdXNlQ29udGV4dFN5c3RlbSB9IGZyb20gJy4uL2NvbnRleHQnO1xuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLWR1cGxpY2F0ZS1pbXBvcnRzXG5pbXBvcnQgdHlwZSB7IFZpZXdPd25Qcm9wcyB9IGZyb20gJy4uL2NvbnRleHQnO1xuaW1wb3J0ICogYXMgc3R5bGVzIGZyb20gJy4vc3R5bGVzJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdXRpbHMvc3BhY2UnO1xuXG5leHBvcnQgaW50ZXJmYWNlIERpdmlkZXJQcm9wcyBleHRlbmRzIFNlcGFyYXRvclByb3BzIHtcblx0LyoqXG5cdCAqIEFkanVzdHMgYWxsIG1hcmdpbnMuXG5cdCAqL1xuXHRtPzogbnVtYmVyO1xuXHQvKipcblx0ICogQWRqdXN0cyB0b3AgbWFyZ2lucy5cblx0ICovXG5cdG10PzogbnVtYmVyO1xuXHQvKipcblx0ICogQWRqdXN0cyBib3R0b20gbWFyZ2lucy5cblx0ICovXG5cdG1iPzogbnVtYmVyO1xufVxuXG5mdW5jdGlvbiBEaXZpZGVyKFxuXHRwcm9wczogVmlld093blByb3BzPCBEaXZpZGVyUHJvcHMsICdocicgPixcblx0Zm9yd2FyZGVkUmVmOiBSZWY8IGFueSA+XG4pIHtcblx0Y29uc3QgeyBjbGFzc05hbWUsIG0sIG1iLCBtdCwgLi4ub3RoZXJQcm9wcyB9ID0gdXNlQ29udGV4dFN5c3RlbShcblx0XHRwcm9wcyxcblx0XHQnRGl2aWRlcidcblx0KTtcblxuXHRjb25zdCBjbGFzc2VzID0gdXNlTWVtbyggKCkgPT4ge1xuXHRcdGNvbnN0IHN4OiBSZWNvcmQ8IHN0cmluZywgc3RyaW5nID4gPSB7fTtcblxuXHRcdGlmICggdHlwZW9mIG0gIT09ICd1bmRlZmluZWQnICkge1xuXHRcdFx0c3gubSA9IGNzc2Bcblx0XHRcdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIG0gKSB9O1xuXHRcdFx0XHRtYXJnaW4tdG9wOiAkeyBzcGFjZSggbSApIH07XG5cdFx0XHRgO1xuXHRcdH0gZWxzZSB7XG5cdFx0XHRpZiAoIHR5cGVvZiBtdCAhPT0gJ3VuZGVmaW5lZCcgKSB7XG5cdFx0XHRcdHN4Lm10ID0gY3NzYFxuXHRcdFx0XHRcdG1hcmdpbi10b3A6ICR7IHNwYWNlKCBtdCApIH07XG5cdFx0XHRcdGA7XG5cdFx0XHR9XG5cblx0XHRcdGlmICggdHlwZW9mIG1iICE9PSAndW5kZWZpbmVkJyApIHtcblx0XHRcdFx0c3gubWIgPSBjc3NgXG5cdFx0XHRcdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIG1iICkgfTtcblx0XHRcdFx0YDtcblx0XHRcdH1cblx0XHR9XG5cblx0XHRyZXR1cm4gY3goIHN0eWxlcy5EaXZpZGVyLCBzeC5tYiwgc3gubXQsIHN4Lm0sIGNsYXNzTmFtZSApO1xuXHR9LCBbIGNsYXNzTmFtZSwgbSwgbWIsIG10IF0gKTtcblxuXHRyZXR1cm4gKFxuXHRcdDxTZXBhcmF0b3Jcblx0XHRcdGFzPVwiaHJcIlxuXHRcdFx0eyAuLi5vdGhlclByb3BzIH1cblx0XHRcdGNsYXNzTmFtZT17IGNsYXNzZXMgfVxuXHRcdFx0cmVmPXsgZm9yd2FyZGVkUmVmIH1cblx0XHQvPlxuXHQpO1xufVxuXG4vKipcbiAqIGBEaXZpZGVyYCBpcyBhIGxheW91dCBjb21wb25lbnQgdGhhdCBzZXBhcmF0ZXMgZ3JvdXBzIG9mIHJlbGF0ZWQgY29udGVudC5cbiAqXG4gKiBAZXhhbXBsZVxuICogYGBganNcbiAqIGltcG9ydCB7IERpdmlkZXIsIEZvcm1Hcm91cCwgTGlzdEdyb3VwIH0gZnJvbSBgQHdvcmRwcmVzcy9jb21wb25lbnRzL3VpYDtcbiAqXG4gKiBmdW5jdGlvbiBFeGFtcGxlKCkge1xuICogXHRyZXR1cm4gKFxuICogXHRcdDxMaXN0R3JvdXA+XG4gKiBcdFx0XHQ8Rm9ybUdyb3VwPi4uLjwvRm9ybUdyb3VwPlxuICogXHRcdFx0PERpdmlkZXIgLz5cbiAqIFx0XHRcdDxGb3JtR3JvdXA+Li4uPC9Gb3JtR3JvdXA+XG4gKiBcdFx0PC9MaXN0R3JvdXA+XG4gKiBcdCk7XG4gKiB9XG4gKiBgYGBcbiAqL1xuY29uc3QgQ29ubmVjdGVkRGl2aWRlciA9IGNvbnRleHRDb25uZWN0KCBEaXZpZGVyLCAnRGl2aWRlcicgKTtcblxuZXhwb3J0IGRlZmF1bHQgQ29ubmVjdGVkRGl2aWRlcjtcbiJdfQ== */"));
    } else {
      if (typeof mt !== 'undefined') {
        sx.mt = /*#__PURE__*/_css("margin-top:", space(mt), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdWkvZGl2aWRlci9jb21wb25lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEZSIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3VpL2RpdmlkZXIvY29tcG9uZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcywgY3ggfSBmcm9tICdlbW90aW9uJztcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCB7IFNlcGFyYXRvciB9IGZyb20gJ3JlYWtpdCc7XG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcmVzdHJpY3RlZC1pbXBvcnRzLCBuby1kdXBsaWNhdGUtaW1wb3J0c1xuaW1wb3J0IHR5cGUgeyBTZXBhcmF0b3JQcm9wcyB9IGZyb20gJ3JlYWtpdCc7XG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcmVzdHJpY3RlZC1pbXBvcnRzXG5pbXBvcnQgdHlwZSB7IFJlZiB9IGZyb20gJ3JlYWN0JztcblxuLyoqXG4gKiBXb3JkUHJlc3MgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdAd29yZHByZXNzL2VsZW1lbnQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjb250ZXh0Q29ubmVjdCwgdXNlQ29udGV4dFN5c3RlbSB9IGZyb20gJy4uL2NvbnRleHQnO1xuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLWR1cGxpY2F0ZS1pbXBvcnRzXG5pbXBvcnQgdHlwZSB7IFZpZXdPd25Qcm9wcyB9IGZyb20gJy4uL2NvbnRleHQnO1xuaW1wb3J0ICogYXMgc3R5bGVzIGZyb20gJy4vc3R5bGVzJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdXRpbHMvc3BhY2UnO1xuXG5leHBvcnQgaW50ZXJmYWNlIERpdmlkZXJQcm9wcyBleHRlbmRzIFNlcGFyYXRvclByb3BzIHtcblx0LyoqXG5cdCAqIEFkanVzdHMgYWxsIG1hcmdpbnMuXG5cdCAqL1xuXHRtPzogbnVtYmVyO1xuXHQvKipcblx0ICogQWRqdXN0cyB0b3AgbWFyZ2lucy5cblx0ICovXG5cdG10PzogbnVtYmVyO1xuXHQvKipcblx0ICogQWRqdXN0cyBib3R0b20gbWFyZ2lucy5cblx0ICovXG5cdG1iPzogbnVtYmVyO1xufVxuXG5mdW5jdGlvbiBEaXZpZGVyKFxuXHRwcm9wczogVmlld093blByb3BzPCBEaXZpZGVyUHJvcHMsICdocicgPixcblx0Zm9yd2FyZGVkUmVmOiBSZWY8IGFueSA+XG4pIHtcblx0Y29uc3QgeyBjbGFzc05hbWUsIG0sIG1iLCBtdCwgLi4ub3RoZXJQcm9wcyB9ID0gdXNlQ29udGV4dFN5c3RlbShcblx0XHRwcm9wcyxcblx0XHQnRGl2aWRlcidcblx0KTtcblxuXHRjb25zdCBjbGFzc2VzID0gdXNlTWVtbyggKCkgPT4ge1xuXHRcdGNvbnN0IHN4OiBSZWNvcmQ8IHN0cmluZywgc3RyaW5nID4gPSB7fTtcblxuXHRcdGlmICggdHlwZW9mIG0gIT09ICd1bmRlZmluZWQnICkge1xuXHRcdFx0c3gubSA9IGNzc2Bcblx0XHRcdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIG0gKSB9O1xuXHRcdFx0XHRtYXJnaW4tdG9wOiAkeyBzcGFjZSggbSApIH07XG5cdFx0XHRgO1xuXHRcdH0gZWxzZSB7XG5cdFx0XHRpZiAoIHR5cGVvZiBtdCAhPT0gJ3VuZGVmaW5lZCcgKSB7XG5cdFx0XHRcdHN4Lm10ID0gY3NzYFxuXHRcdFx0XHRcdG1hcmdpbi10b3A6ICR7IHNwYWNlKCBtdCApIH07XG5cdFx0XHRcdGA7XG5cdFx0XHR9XG5cblx0XHRcdGlmICggdHlwZW9mIG1iICE9PSAndW5kZWZpbmVkJyApIHtcblx0XHRcdFx0c3gubWIgPSBjc3NgXG5cdFx0XHRcdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIG1iICkgfTtcblx0XHRcdFx0YDtcblx0XHRcdH1cblx0XHR9XG5cblx0XHRyZXR1cm4gY3goIHN0eWxlcy5EaXZpZGVyLCBzeC5tYiwgc3gubXQsIHN4Lm0sIGNsYXNzTmFtZSApO1xuXHR9LCBbIGNsYXNzTmFtZSwgbSwgbWIsIG10IF0gKTtcblxuXHRyZXR1cm4gKFxuXHRcdDxTZXBhcmF0b3Jcblx0XHRcdGFzPVwiaHJcIlxuXHRcdFx0eyAuLi5vdGhlclByb3BzIH1cblx0XHRcdGNsYXNzTmFtZT17IGNsYXNzZXMgfVxuXHRcdFx0cmVmPXsgZm9yd2FyZGVkUmVmIH1cblx0XHQvPlxuXHQpO1xufVxuXG4vKipcbiAqIGBEaXZpZGVyYCBpcyBhIGxheW91dCBjb21wb25lbnQgdGhhdCBzZXBhcmF0ZXMgZ3JvdXBzIG9mIHJlbGF0ZWQgY29udGVudC5cbiAqXG4gKiBAZXhhbXBsZVxuICogYGBganNcbiAqIGltcG9ydCB7IERpdmlkZXIsIEZvcm1Hcm91cCwgTGlzdEdyb3VwIH0gZnJvbSBgQHdvcmRwcmVzcy9jb21wb25lbnRzL3VpYDtcbiAqXG4gKiBmdW5jdGlvbiBFeGFtcGxlKCkge1xuICogXHRyZXR1cm4gKFxuICogXHRcdDxMaXN0R3JvdXA+XG4gKiBcdFx0XHQ8Rm9ybUdyb3VwPi4uLjwvRm9ybUdyb3VwPlxuICogXHRcdFx0PERpdmlkZXIgLz5cbiAqIFx0XHRcdDxGb3JtR3JvdXA+Li4uPC9Gb3JtR3JvdXA+XG4gKiBcdFx0PC9MaXN0R3JvdXA+XG4gKiBcdCk7XG4gKiB9XG4gKiBgYGBcbiAqL1xuY29uc3QgQ29ubmVjdGVkRGl2aWRlciA9IGNvbnRleHRDb25uZWN0KCBEaXZpZGVyLCAnRGl2aWRlcicgKTtcblxuZXhwb3J0IGRlZmF1bHQgQ29ubmVjdGVkRGl2aWRlcjtcbiJdfQ== */"));
      }

      if (typeof mb !== 'undefined') {
        sx.mb = /*#__PURE__*/_css("margin-bottom:", space(mb), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdWkvZGl2aWRlci9jb21wb25lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFZSIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3VpL2RpdmlkZXIvY29tcG9uZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcywgY3ggfSBmcm9tICdlbW90aW9uJztcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCB7IFNlcGFyYXRvciB9IGZyb20gJ3JlYWtpdCc7XG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcmVzdHJpY3RlZC1pbXBvcnRzLCBuby1kdXBsaWNhdGUtaW1wb3J0c1xuaW1wb3J0IHR5cGUgeyBTZXBhcmF0b3JQcm9wcyB9IGZyb20gJ3JlYWtpdCc7XG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcmVzdHJpY3RlZC1pbXBvcnRzXG5pbXBvcnQgdHlwZSB7IFJlZiB9IGZyb20gJ3JlYWN0JztcblxuLyoqXG4gKiBXb3JkUHJlc3MgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdAd29yZHByZXNzL2VsZW1lbnQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjb250ZXh0Q29ubmVjdCwgdXNlQ29udGV4dFN5c3RlbSB9IGZyb20gJy4uL2NvbnRleHQnO1xuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLWR1cGxpY2F0ZS1pbXBvcnRzXG5pbXBvcnQgdHlwZSB7IFZpZXdPd25Qcm9wcyB9IGZyb20gJy4uL2NvbnRleHQnO1xuaW1wb3J0ICogYXMgc3R5bGVzIGZyb20gJy4vc3R5bGVzJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdXRpbHMvc3BhY2UnO1xuXG5leHBvcnQgaW50ZXJmYWNlIERpdmlkZXJQcm9wcyBleHRlbmRzIFNlcGFyYXRvclByb3BzIHtcblx0LyoqXG5cdCAqIEFkanVzdHMgYWxsIG1hcmdpbnMuXG5cdCAqL1xuXHRtPzogbnVtYmVyO1xuXHQvKipcblx0ICogQWRqdXN0cyB0b3AgbWFyZ2lucy5cblx0ICovXG5cdG10PzogbnVtYmVyO1xuXHQvKipcblx0ICogQWRqdXN0cyBib3R0b20gbWFyZ2lucy5cblx0ICovXG5cdG1iPzogbnVtYmVyO1xufVxuXG5mdW5jdGlvbiBEaXZpZGVyKFxuXHRwcm9wczogVmlld093blByb3BzPCBEaXZpZGVyUHJvcHMsICdocicgPixcblx0Zm9yd2FyZGVkUmVmOiBSZWY8IGFueSA+XG4pIHtcblx0Y29uc3QgeyBjbGFzc05hbWUsIG0sIG1iLCBtdCwgLi4ub3RoZXJQcm9wcyB9ID0gdXNlQ29udGV4dFN5c3RlbShcblx0XHRwcm9wcyxcblx0XHQnRGl2aWRlcidcblx0KTtcblxuXHRjb25zdCBjbGFzc2VzID0gdXNlTWVtbyggKCkgPT4ge1xuXHRcdGNvbnN0IHN4OiBSZWNvcmQ8IHN0cmluZywgc3RyaW5nID4gPSB7fTtcblxuXHRcdGlmICggdHlwZW9mIG0gIT09ICd1bmRlZmluZWQnICkge1xuXHRcdFx0c3gubSA9IGNzc2Bcblx0XHRcdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIG0gKSB9O1xuXHRcdFx0XHRtYXJnaW4tdG9wOiAkeyBzcGFjZSggbSApIH07XG5cdFx0XHRgO1xuXHRcdH0gZWxzZSB7XG5cdFx0XHRpZiAoIHR5cGVvZiBtdCAhPT0gJ3VuZGVmaW5lZCcgKSB7XG5cdFx0XHRcdHN4Lm10ID0gY3NzYFxuXHRcdFx0XHRcdG1hcmdpbi10b3A6ICR7IHNwYWNlKCBtdCApIH07XG5cdFx0XHRcdGA7XG5cdFx0XHR9XG5cblx0XHRcdGlmICggdHlwZW9mIG1iICE9PSAndW5kZWZpbmVkJyApIHtcblx0XHRcdFx0c3gubWIgPSBjc3NgXG5cdFx0XHRcdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIG1iICkgfTtcblx0XHRcdFx0YDtcblx0XHRcdH1cblx0XHR9XG5cblx0XHRyZXR1cm4gY3goIHN0eWxlcy5EaXZpZGVyLCBzeC5tYiwgc3gubXQsIHN4Lm0sIGNsYXNzTmFtZSApO1xuXHR9LCBbIGNsYXNzTmFtZSwgbSwgbWIsIG10IF0gKTtcblxuXHRyZXR1cm4gKFxuXHRcdDxTZXBhcmF0b3Jcblx0XHRcdGFzPVwiaHJcIlxuXHRcdFx0eyAuLi5vdGhlclByb3BzIH1cblx0XHRcdGNsYXNzTmFtZT17IGNsYXNzZXMgfVxuXHRcdFx0cmVmPXsgZm9yd2FyZGVkUmVmIH1cblx0XHQvPlxuXHQpO1xufVxuXG4vKipcbiAqIGBEaXZpZGVyYCBpcyBhIGxheW91dCBjb21wb25lbnQgdGhhdCBzZXBhcmF0ZXMgZ3JvdXBzIG9mIHJlbGF0ZWQgY29udGVudC5cbiAqXG4gKiBAZXhhbXBsZVxuICogYGBganNcbiAqIGltcG9ydCB7IERpdmlkZXIsIEZvcm1Hcm91cCwgTGlzdEdyb3VwIH0gZnJvbSBgQHdvcmRwcmVzcy9jb21wb25lbnRzL3VpYDtcbiAqXG4gKiBmdW5jdGlvbiBFeGFtcGxlKCkge1xuICogXHRyZXR1cm4gKFxuICogXHRcdDxMaXN0R3JvdXA+XG4gKiBcdFx0XHQ8Rm9ybUdyb3VwPi4uLjwvRm9ybUdyb3VwPlxuICogXHRcdFx0PERpdmlkZXIgLz5cbiAqIFx0XHRcdDxGb3JtR3JvdXA+Li4uPC9Gb3JtR3JvdXA+XG4gKiBcdFx0PC9MaXN0R3JvdXA+XG4gKiBcdCk7XG4gKiB9XG4gKiBgYGBcbiAqL1xuY29uc3QgQ29ubmVjdGVkRGl2aWRlciA9IGNvbnRleHRDb25uZWN0KCBEaXZpZGVyLCAnRGl2aWRlcicgKTtcblxuZXhwb3J0IGRlZmF1bHQgQ29ubmVjdGVkRGl2aWRlcjtcbiJdfQ== */"));
      }
    }

    return _cx(styles.Divider, sx.mb, sx.mt, sx.m, className);
  }, [className, m, mb, mt]);
  return createElement(Separator, _extends({
    as: "hr"
  }, otherProps, {
    className: classes,
    ref: forwardedRef
  }));
}
/**
 * `Divider` is a layout component that separates groups of related content.
 *
 * @example
 * ```js
 * import { Divider, FormGroup, ListGroup } from `@wordpress/components/ui`;
 *
 * function Example() {
 * 	return (
 * 		<ListGroup>
 * 			<FormGroup>...</FormGroup>
 * 			<Divider />
 * 			<FormGroup>...</FormGroup>
 * 		</ListGroup>
 * 	);
 * }
 * ```
 */


const ConnectedDivider = contextConnect(Divider, 'Divider');
export default ConnectedDivider;
//# sourceMappingURL=component.js.map