/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
"use client";
import { SwitchBase } from "../../components/client/Switch/SwitchBase.js";
import { SwitchStaticHandle } from "./SwitchStaticHandle.js";
import { forwardRef } from "react";
import { jsx } from "react/jsx-runtime";
//#region src/css-animation/Switch/Switch.tsx
/**
* CSS-animation Switch variant. This component intentionally never imports motion.
*
* @componentType Client component
*
* @example
* ```tsx
* 'use client';
* import { Switch } from '@yahoo/uds/css-animation';
*
* <Switch label="Name" required />
* ```
*/
const Switch = forwardRef(function Switch(props, parentRef) {
	const cssAnimationDuration = "duration-120";
	return /* @__PURE__ */ jsx(SwitchBase, {
		...props,
		ref: parentRef,
		cssAnimationDuration,
		renderHandle: ({ size, isOn, isOnTranslateClass, disabled, onIcon, offIcon, cssAnimationDuration, handleSlotProps }) => /* @__PURE__ */ jsx(SwitchStaticHandle, {
			size,
			isOn,
			isOnTranslateClass,
			cssAnimationDuration,
			disabled,
			onIcon,
			offIcon,
			handleSlotProps
		})
	});
});
Switch.displayName = "Switch";
//#endregion
export { Switch };
