@arolariu/components/dist/components/ui/separator.js

🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡

"use client";
import { jsx } from "react/jsx-runtime";
import { mergeProps } from "@base-ui/react/merge-props";
import { Separator } from "@base-ui/react/separator";
import { useRender } from "@base-ui/react/use-render";
import { cn } from "../../lib/utilities.js";
import separator_module from "./separator.module.js";
import * as __rspack_external_react from "react";
const separator_Separator = /*#__PURE__*/ __rspack_external_react.forwardRef((props, forwardedRef)=>{
    const { className, orientation = "horizontal", render, ...otherProps } = props;
    return /*#__PURE__*/ jsx(Separator, {
        orientation: orientation,
        ...otherProps,
        ref: forwardedRef,
        render: useRender({
            defaultTagName: "div",
            render: render,
            props: mergeProps({
                className: cn(separator_module.separator, "horizontal" === orientation ? separator_module.horizontal : separator_module.vertical, className)
            }, {})
        })
    });
});
separator_Separator.displayName = "Separator";
export { separator_Separator as Separator };

//# sourceMappingURL=separator.js.map