import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { divider } from "./styles.js";
/**
 * @example Simple Example
 * ```tsx
 * import { Divider } from "@react-md/core/divider/Divider";
 * import type { ReactElement } from "react";
 *
 * function Example(): ReactElement {
 *   return  <Divider />;
 * }
 * ```
 *
 * @see {@link https://react-md.dev/components/divider | Divider Demos}
 */ export const Divider = /*#__PURE__*/ forwardRef(function Divider(props, ref) {
    const { inset = false, vertical = false, role = "separator", className, ...remaining } = props;
    const Component = vertical ? "div" : "hr";
    return /*#__PURE__*/ _jsx(Component, {
        ...remaining,
        ref: ref,
        role: role,
        className: divider({
            inset,
            vertical,
            className
        })
    });
});

//# sourceMappingURL=Divider.js.map