"use client";
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
const require_styles_styler = require('../../../styles/styler.cjs');
const require_components_Box = require('../../Box.cjs');
let react_jsx_runtime = require("react/jsx-runtime");

//#region src/components/client/BottomSheet/BottomSheetHandle.tsx
function BottomSheetHandle({ className, onKeyDown, ariaLabel, variant = "default" }) {
	const handleIndicatorVariantClass = require_styles_styler.getStyles({ bottomsheetVariantHandleIndicator: variant });
	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
		display: "flex",
		justifyContent: "center",
		className: require_styles_styler.cx(className),
		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
			tabIndex: 0,
			"aria-label": ariaLabel ?? "Resize sheet",
			onKeyDown,
			className: require_styles_styler.cx("relative", "h-5 w-16", "outline-none focus-visible:outline-none", "[touch-action:pan-y]"),
			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
				display: "block",
				className: require_styles_styler.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
exports.BottomSheetHandle = BottomSheetHandle;