"use client";
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
import { cx, getStyles } from "../../../styles/styler.js";
import { Box } from "../../Box.js";
import { jsx } from "react/jsx-runtime";

//#region src/components/client/BottomSheet/BottomSheetHandle.tsx
function BottomSheetHandle({ className, onKeyDown, ariaLabel, variant = "default" }) {
	const handleIndicatorVariantClass = getStyles({ bottomsheetVariantHandleIndicator: variant });
	return /* @__PURE__ */ jsx(Box, {
		display: "flex",
		justifyContent: "center",
		className: cx(className),
		children: /* @__PURE__ */ jsx(Box, {
			tabIndex: 0,
			"aria-label": ariaLabel ?? "Resize sheet",
			onKeyDown,
			className: cx("relative", "h-5 w-16", "outline-none focus-visible:outline-none", "[touch-action:pan-y]"),
			children: /* @__PURE__ */ jsx(Box, {
				display: "block",
				className: cx("absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", "h-1 w-8 rounded-full", handleIndicatorVariantClass)
			})
		})
	});
}
BottomSheetHandle.displayName = "BottomSheetHandle";

//#endregion
export { BottomSheetHandle };