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