import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
import { l as t } from "./enums-De8CDKZ1.js";
import { t as n } from "./useExpansion-DVdIpoOn.js";
import "./composables-DEdhzUqN.js";
import { t as r } from "./wt-expand-transition-C2p9bR4j.js";
import { createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, guardReactiveProps as c, normalizeClass as l, normalizeProps as u, openBlock as d, renderSlot as f, resolveComponent as p, toRef as m, unref as h, vShow as g, withCtx as _, withDirectives as v, withKeys as y } from "vue";
//#region src/components/wt-expansion-card/wt-expansion-card.vue?vue&type=script&setup=true&lang.ts
var b = { class: "wt-expansion-card-body" }, x = /*#__PURE__*/ e(/* @__PURE__ */ s({
	__name: "wt-expansion-card",
	props: {
		size: { default: t.MD },
		collapsed: {
			type: Boolean,
			default: !1
		}
	},
	emits: ["opened", "closed"],
	setup(e, { emit: t }) {
		let s = e, x = t, { opened: S, open: C, toggle: w } = n(m(s, "collapsed"), x);
		return (e, t) => {
			let n = p("wt-icon-btn");
			return d(), i("section", { class: l([[`wt-expansion-card--${s.size}`], "wt-expansion-card"]) }, [
				a("header", {
					class: l([[s.size === "sm" ? "typo-subtitle-2" : "typo-subtitle-1"], "wt-expansion-card-header"]),
					tabindex: "0"
				}, [f(e.$slots, "header", {}, void 0, !0)], 2),
				v(o(r, null, {
					default: _(() => [a("article", b, [f(e.$slots, "body", {}, void 0, !0)])], void 0, !0),
					_: 3
				}, 512), [[g, h(S)]]),
				a("footer", {
					class: "wt-expansion-card-actions",
					onClick: t[0] ||= (...e) => h(w) && h(w)(...e),
					onKeypress: t[1] ||= y((...e) => h(w) && h(w)(...e), ["enter"])
				}, [f(e.$slots, "actions", u(c({
					open: h(C),
					opened: h(S)
				})), void 0, !0), o(n, {
					class: l([{ "wt-expansion-card-arrow--opened": h(S) }, "wt-expansion-card-arrow"]),
					icon: "arrow-down"
				}, null, 8, ["class"])], 32)
			], 2);
		};
	}
}), [["__scopeId", "data-v-e8df807a"]]);
//#endregion
export { x as default };
