import { jsxs as r, jsx as e } from "react/jsx-runtime";
import { cn as m } from "../../lib/utils.js";
import { Skeleton as l } from "../ui/skeleton.js";
function i({
  className: a,
  variant: s = "default",
  ...d
}) {
  return /* @__PURE__ */ r("div", { className: m("relative w-full", a), ...d, children: [
    /* @__PURE__ */ e("div", { className: "aspect-square w-full overflow-hidden rounded-xl border border-gray-100", children: /* @__PURE__ */ e(l, { className: "h-full w-full" }) }),
    s === "default" ? /* @__PURE__ */ r("div", { className: "mt-3 mb-3", children: [
      /* @__PURE__ */ e(l, { className: "mb-2 h-4 w-2/3" }),
      /* @__PURE__ */ e(l, { className: "mb-2 h-5 w-1/3" })
    ] }) : null
  ] });
}
export {
  i as ProductCardSkeleton
};
//# sourceMappingURL=product-card-skeleton.js.map
