import { n as e } from "./component-AqiMonitor-BUy1MSaP.mjs";
import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeStyle as a, openBlock as o, renderSlot as s, toDisplayString as c } from "vue";
//#region src/components/MapPopup/MapPopup.vue?vue&type=script&setup=true&lang.ts
var l = { class: "MapPopup__head" }, u = { class: "MapPopup__title" }, d = { class: "MapPopup__body" }, f = ["innerHTML"], p = /* @__PURE__ */ e(/* @__PURE__ */ i({
	__name: "MapPopup",
	props: {
		title: {
			type: String,
			default: ""
		},
		content: {
			type: String,
			default: ""
		},
		width: {
			type: String,
			default: "200px"
		},
		maxWidth: {
			type: String,
			default: "320px"
		}
	},
	emits: ["close"],
	setup(e, { emit: i }) {
		let p = i, m = () => {
			p("close");
		};
		return (i, p) => (o(), n("div", {
			class: "MapPopup",
			style: a({
				minWidth: e.width,
				maxWidth: e.maxWidth
			})
		}, [r("div", l, [r("span", u, c(e.title), 1), r("span", {
			class: "MapPopup__close",
			onClick: m,
			title: "关闭"
		}, "✕")]), r("div", d, [s(i.$slots, "default", {}, () => [e.content ? (o(), n("div", {
			key: 0,
			innerHTML: e.content
		}, null, 8, f)) : t("", !0)], !0)])], 4));
	}
}), [["__scopeId", "data-v-942d6425"]]);
//#endregion
export { p as t };
