import { cn as e } from "../../../lib/utils.js";
import { Skeleton as t } from "../atoms/skeleton.js";
import { jsx as n, jsxs as r } from "react/jsx-runtime";
//#region lib/components/ui/molecules/suggestion-card.tsx
function i({ className: t, icon: i, title: a, subtitle: o, style: s, ...c }) {
	return /* @__PURE__ */ r("button", {
		className: e("flex w-full cursor-pointer flex-col gap-1.5 rounded-2xl border bg-card text-left shadow-xs transition-all hover:-translate-y-0.5 hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", t),
		"data-slot": "suggestion-card",
		style: {
			padding: "clamp(0.75rem, 1.6vh, 1rem)",
			...s
		},
		type: "button",
		...c,
		children: [/* @__PURE__ */ n("div", {
			className: "flex items-center justify-center rounded-xl border bg-muted shadow-xs",
			"data-slot": "suggestion-card-icon",
			style: {
				width: "clamp(2rem, 2.8vh, 2.5rem)",
				height: "clamp(2rem, 2.8vh, 2.5rem)"
			},
			children: i
		}), /* @__PURE__ */ r("div", {
			className: "space-y-1.5",
			style: { paddingTop: "clamp(0.25rem, 0.8vh, 0.5rem)" },
			children: [/* @__PURE__ */ n("h3", {
				className: "font-semibold text-card-foreground text-sm leading-tight",
				"data-slot": "suggestion-card-title",
				children: a
			}), /* @__PURE__ */ n("p", {
				className: "text-muted-foreground text-xs leading-snug",
				"data-slot": "suggestion-card-subtitle",
				children: o
			})]
		})]
	});
}
function a({ className: i, style: a, ...o }) {
	return /* @__PURE__ */ r("div", {
		"aria-hidden": "true",
		className: e("flex w-full flex-col gap-1.5 rounded-2xl border bg-card shadow-xs", i),
		"data-slot": "suggestion-card-skeleton",
		style: {
			padding: "clamp(0.75rem, 1.6vh, 1rem)",
			...a
		},
		...o,
		children: [/* @__PURE__ */ n(t, {
			className: "rounded-xl",
			style: {
				width: "clamp(2rem, 2.8vh, 2.5rem)",
				height: "clamp(2rem, 2.8vh, 2.5rem)"
			}
		}), /* @__PURE__ */ r("div", {
			className: "space-y-1.5",
			style: { paddingTop: "clamp(0.25rem, 0.8vh, 0.5rem)" },
			children: [/* @__PURE__ */ n(t, { className: "h-4 w-3/4 rounded" }), /* @__PURE__ */ n(t, { className: "h-3 w-1/2 rounded" })]
		})]
	});
}
//#endregion
export { i as SuggestionCard, a as SuggestionCardSkeleton };
