UNPKG

@shopify/shop-minis-react

Version:

React component library for Shopify Shop Minis with Tailwind CSS v4 support (source-only, requires TypeScript)

31 lines (30 loc) 985 B
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