import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { forwardRef } from "react";
export const Toggle = forwardRef(function Toggle(props, ref) {
    return (_jsxs("label", { className: "relative cursor-pointer items-center", htmlFor: props.id, children: [_jsx("input", { className: "peer sr-only", ref: ref, type: "checkbox", value: "", ...props }), _jsx("div", { className: "peer h-6 w-11 rounded-full bg-gray-500 after:absolute after:start-0.5 after:top-0.5 after:size-5 after:rounded-full after:border after:border-none after:bg-gray-50 after:transition-all peer-checked:bg-blue-900 peer-checked:after:translate-x-full peer-focus:outline-none" })] }));
});
//# sourceMappingURL=toggle.js.map