import './pl-toggle-switch.css';/* empty css                 */
import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, toDisplayString as o, withKeys as s } from "vue";
var c = {
	key: 0,
	class: "label"
}, l = /* @__PURE__ */ r({
	name: "PlToggleSwitch",
	props: {
		label: {},
		modelValue: { type: Boolean }
	},
	emits: ["update:modelValue"],
	setup(r) {
		return (l, u) => (a(), t("div", {
			tabindex: "0",
			class: i(["ui-toggle-switch", { active: r.modelValue }]),
			onClick: u[0] ||= (e) => l.$emit("update:modelValue", !r.modelValue),
			onKeydown: u[1] ||= s((e) => l.$emit("update:modelValue", !r.modelValue), ["enter"])
		}, [u[2] ||= n("div", { class: "ui-toggle-switch__body" }, [n("div", { class: "ui-toggle-switch__handle" })], -1), r.label ? (a(), t("span", c, o(r.label), 1)) : e("", !0)], 34));
	}
});
export { l as default };

//# sourceMappingURL=PlToggleSwitch.vue2.js.map