import "clsx";
import { S as Skeleton } from "./Skeleton.js";
function SkeletonCard($$renderer) {
  $$renderer.push(`<div class="rounded-xl border border-[var(--border-primary)] bg-[var(--surface-card)] p-5 shadow-[var(--shadow-sm)]"><div class="flex items-start justify-between"><div class="flex-1 space-y-2">`);
  Skeleton($$renderer, { width: "60%", height: "1.25rem" });
  $$renderer.push(`<!----> `);
  Skeleton($$renderer, { width: "80%", height: "0.875rem" });
  $$renderer.push(`<!----></div> `);
  Skeleton($$renderer, { width: "4rem", height: "1.5rem", rounded: true });
  $$renderer.push(`<!----></div> <div class="mt-4 flex gap-4">`);
  Skeleton($$renderer, { width: "5rem", height: "0.875rem" });
  $$renderer.push(`<!----> `);
  Skeleton($$renderer, { width: "4rem", height: "0.875rem" });
  $$renderer.push(`<!----></div> <div class="mt-3 flex gap-3">`);
  Skeleton($$renderer, { width: "3.5rem", height: "0.75rem" });
  $$renderer.push(`<!----> `);
  Skeleton($$renderer, { width: "4.5rem", height: "0.75rem" });
  $$renderer.push(`<!----></div></div>`);
}
export {
  SkeletonCard as S
};