/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
"use client";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
require("../../_virtual/_rolldown/runtime.cjs");
const require_styles_styler = require("../../styles/styler.cjs");
const require_components_IconSlot = require("../../components/IconSlot.cjs");
const require_components_Box = require("../../components/Box.cjs");
let react_jsx_runtime = require("react/jsx-runtime");
//#region src/css-animation/Switch/SwitchStaticHandle.tsx
function SwitchStaticHandle({ size, isOn, isOnTranslateClass, cssAnimationDuration, disabled, onIcon, offIcon, handleSlotProps }) {
	const classNames = {
		handle: require_styles_styler.getStyles({
			switchSizeHandle: size,
			className: require_styles_styler.cx("relative", "pointer-events-none", "uds-border-radius-full", "overflow-hidden")
		}),
		handleCircle: require_styles_styler.getStyles({
			switchVariantActiveHandle: isOn ? "on" : "off",
			switchVariantHandle: "default",
			className: require_styles_styler.cx("absolute", "top-0", "left-0", "right-0", "bottom-0", "opacity-95", !disabled && "group-hover:opacity-100", cssAnimationDuration, "transition-[background-color,box-shadow,opacity]")
		}),
		handleIcon: require_styles_styler.getStyles({
			switchSizeHandleIcon: size,
			switchVariantHandleIcon: "default",
			switchVariantActiveHandleIcon: isOn ? "on" : "off",
			className: require_styles_styler.cx("absolute", "opacity-0", "top-1/2", "left-1/2", "transform", "translate-x-[-50%]", "translate-y-[-50%]", cssAnimationDuration, "transition-opacity")
		})
	};
	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Box.Box, {
		className: require_styles_styler.cx(classNames.handle, isOn ? isOnTranslateClass : "translate-x-0", "opacity-95", !disabled && "group-hover:opacity-100", !disabled && "group-hover:scale-105", cssAnimationDuration, "transition-[transform,opacity]"),
		...handleSlotProps,
		children: [
			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, { className: classNames.handleCircle }),
			onIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
				icon: onIcon,
				iconProps: {
					variant: "fill",
					size: "sm"
				},
				"data-testid": "on-icon",
				className: require_styles_styler.cx(classNames.handleIcon, isOn ? "opacity-100" : "opacity-0")
			}),
			offIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
				icon: offIcon,
				iconProps: {
					variant: "fill",
					size: "sm"
				},
				"data-testid": "off-icon",
				className: require_styles_styler.cx(classNames.handleIcon, !isOn ? "opacity-100" : "opacity-0")
			})
		]
	});
}
SwitchStaticHandle.displayName = "SwitchStaticHandle";
//#endregion
exports.SwitchStaticHandle = SwitchStaticHandle;
