import { cx as e } from "../../theme/tools.js";
import { actions as t, footer as n, interactive as r, interactiveButton as i, interactiveLink as a, meta as o, subtitle as s, tile as c, title as l } from "./InfoTile.css.js";
import { jsx as u, jsxs as d } from "react/jsx-runtime";
import f from "@plumile/router/routing/Link.js";
//#region src/components/tile/InfoTile.tsx
var p = (e) => e == null ? null : u(typeof e == "string" || typeof e == "number" ? "p" : "div", {
	className: l,
	children: e
}), m = (e) => e == null ? null : u(typeof e == "string" || typeof e == "number" ? "p" : "div", {
	className: s,
	children: e
}), h = (s) => {
	let { actions: l, body: h, children: g, className: _, footer: v, interactive: y, meta: b, subtitle: x, title: S } = s, C = null;
	l != null && (C = /* @__PURE__ */ u("div", {
		className: t,
		children: l
	}));
	let w = null;
	b != null && (w = /* @__PURE__ */ u("div", {
		className: o,
		children: b
	}));
	let T = null;
	v != null && (T = /* @__PURE__ */ u("div", {
		className: n,
		children: v
	}));
	let E = /* @__PURE__ */ d("article", {
		className: e(c, { [r]: y != null }, _),
		children: [
			(S != null || x != null || l != null) && /* @__PURE__ */ d("div", {
				className: "_1mkg78a6 txvbqbfpn txvbqbh7g txvbqbel txvbqblt7 txvbqbhdy",
				children: [/* @__PURE__ */ d("div", {
					className: "_1mkg78a7 txvbqbfpn txvbqbh4x txvbqbhd8 txvbqbv7x",
					children: [p(S), m(x)]
				}), C]
			}),
			w,
			(h != null || g != null) && /* @__PURE__ */ d("div", {
				className: "_1mkg78ab txvbqb9w txvbqb1bg1 txvbqbfpn txvbqbh4x txvbqbhdl",
				children: [h, g]
			}),
			T
		]
	});
	return y == null ? E : y.href == null ? /* @__PURE__ */ u("button", {
		type: "button",
		"aria-label": y.ariaLabel,
		className: i,
		onClick: y.onClick,
		children: E
	}) : /* @__PURE__ */ u(f, {
		to: y.href,
		"aria-label": y.ariaLabel,
		className: a,
		onClick: y.onClick,
		children: E
	});
};
//#endregion
export { h as InfoTile };

//# sourceMappingURL=InfoTile.js.map