/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
import { cx, getStyles } from "../../styles/styler.js";
import { Box } from "../Box.js";
import { forwardRef, useMemo } from "react";
import { jsx } from "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 = forwardRef(function DividerLine({ variant = "primary", vertical = false, className, style, "aria-hidden": ariaHidden = true, ...boxProps }, ref) {
	return /* @__PURE__ */ jsx(Box, {
		"aria-hidden": ariaHidden,
		className: cx(variant !== "inherit" && getStyles({ dividerVariantLine: variant }), className),
		flex: "1",
		ref,
		style: useMemo(() => vertical ? {
			borderTopWidth: 0,
			borderRightWidth: 0,
			borderBottomWidth: 0,
			...style
		} : {
			borderLeftWidth: 0,
			borderRightWidth: 0,
			borderBottomWidth: 0,
			...style
		}, [style, vertical]),
		...boxProps
	});
});
DividerLine.displayName = "DividerLine";
//#endregion
export { DividerLine };
