import { cx as e } from "../../../theme/tools.js";
import { button as t, selected as n, title as r, top as i } from "./SelectableCard.css.js";
import { jsx as a, jsxs as o } from "react/jsx-runtime";
//#region src/components/dashboard/selectable_card/SelectableCard.tsx
var s = ({ children: s, className: c, meta: l, onSelect: u, selected: d = !1, title: f, trailing: p }) => /* @__PURE__ */ o("button", {
	type: "button",
	className: e(t, c, { [n]: d }),
	onClick: u,
	children: [
		/* @__PURE__ */ o("div", {
			className: i,
			children: [/* @__PURE__ */ a("span", {
				className: r,
				children: f
			}), p]
		}),
		l != null && /* @__PURE__ */ a("div", {
			className: "_1ev8s9e6 txvbqbva1 txvbqb8p",
			children: l
		}),
		s != null && /* @__PURE__ */ a("div", {
			className: "_1ev8s9e7 txvbqb9ip txvbqbai7 txvbqbao7",
			children: s
		})
	]
});
//#endregion
export { s as SelectableCard, s as default };

//# sourceMappingURL=SelectableCard.js.map