import { jsx as e, jsxs as l } from "react/jsx-runtime";
import { cn as m } from "../../lib/utils.js";
import { Skeleton as s } from "../ui/skeleton.js";
function n({
  className: t,
  ...r
}) {
  return /* @__PURE__ */ e(
    "div",
    {
      className: m(
        "relative w-full shadow-sm rounded-lg p-4 items-center",
        t
      ),
      ...r,
      children: /* @__PURE__ */ l("div", { className: "flex flex-row items-center justify-center w-full", children: [
        /* @__PURE__ */ e(s, { className: "aspect-square w-15 h-15" }),
        /* @__PURE__ */ l("div", { className: "flex flex-col justify-center items-start ml-2 w-full pt-2", children: [
          /* @__PURE__ */ e(s, { className: "mb-3 h-3 w-3/4" }),
          /* @__PURE__ */ e(s, { className: "mb-2 h-3 w-1/4" }),
          /* @__PURE__ */ e(s, { className: "mb-2 h-3 w-1/3" })
        ] })
      ] })
    }
  );
}
export {
  n as ProductLinkSkeleton
};
//# sourceMappingURL=product-link-skeleton.js.map
