import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, unref } from "vue";
import { ScalarIcon, ScalarToggle } from "@scalar/components";
//#endregion
//#region src/components/CommandPalette/WatchModeToggle.vue
var WatchModeToggle_default = /* @__PURE__ */ defineComponent({
	__name: "WatchModeToggle",
	props: {
		modelValue: { type: Boolean },
		disabled: {
			type: Boolean,
			default: false
		}
	},
	emits: ["update:modelValue"],
	setup(__props, { emit: __emit }) {
		const props = __props;
		const emit = __emit;
		const modelValue = computed({
			get: () => props.modelValue,
			set: (value) => emit("update:modelValue", value)
		});
		return (_ctx, _cache) => {
			return openBlock(), createElementBlock("label", {
				class: normalizeClass(["text-c-2 flex items-center gap-2 rounded p-3 py-1.5 text-sm select-none", __props.disabled ? "cursor-default" : "cursor-pointer"]),
				for: "watch-toggle"
			}, [createElementVNode("span", { class: normalizeClass(["text-c-1 flex items-center gap-1 text-xs font-medium", { "text-c-3": !modelValue.value }]) }, [createVNode(unref(ScalarIcon), {
				icon: "Watch",
				size: "sm"
			}), _cache[1] || (_cache[1] = createTextVNode(" Watch Mode ", -1))], 2), createVNode(unref(ScalarToggle), {
				id: "watch-toggle",
				disabled: Boolean(__props.disabled),
				modelValue: modelValue.value,
				"onUpdate:modelValue": _cache[0] || (_cache[0] = (value) => emit("update:modelValue", value))
			}, null, 8, ["disabled", "modelValue"])], 2);
		};
	}
});
//#endregion
export { WatchModeToggle_default as t };

//# sourceMappingURL=WatchModeToggle-D_eAiTWJ.js.map