/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
require("../../_virtual/_rolldown/runtime.cjs");
const require_styles_styler = require("../../styles/styler.cjs");
const require_components_Box = require("../Box.cjs");
let react = require("react");
let react_jsx_runtime = require("react/jsx-runtime");
//#region src/components/Divider/DividerLine.tsx
/**
* **The configured line element used by Divider.**
*
* @description
* DividerLine can be used inside Divider for custom composition, or directly
* inside HStack/VStack when a fully manual layout is easier.
*
* @category Layout
* @platform web
*/
const DividerLine = (0, react.forwardRef)(function DividerLine({ variant = "primary", vertical = false, className, style, "aria-hidden": ariaHidden = true, ...boxProps }, ref) {
	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
		"aria-hidden": ariaHidden,
		className: require_styles_styler.cx(variant !== "inherit" && require_styles_styler.getStyles({ dividerVariantLine: variant }), className),
		flex: "1",
		ref,
		style: (0, react.useMemo)(() => vertical ? {
			borderTopWidth: 0,
			borderRightWidth: 0,
			borderBottomWidth: 0,
			...style
		} : {
			borderLeftWidth: 0,
			borderRightWidth: 0,
			borderBottomWidth: 0,
			...style
		}, [style, vertical]),
		...boxProps
	});
});
DividerLine.displayName = "DividerLine";
//#endregion
exports.DividerLine = DividerLine;
