eldav1d-marvel-ui
Version:
UI library for (and from) Playing with Marvel API
16 lines (15 loc) • 890 B
JavaScript
import { jsx as l } from "react/jsx-runtime";
import { LazyLoadImage as h } from "react-lazy-load-image-component";
import { g as n } from "../../../helpers-BqRJSq4o.js";
import { L as v } from "../../../constants-C4-SM6RM.js";
const S = ({ title: m, alt: r, path: t, fallback: c, lazyFallback: o, isAvailable: f, height: u, srcSet: e, sizes: s, classNameContainer: p, classNameContent: d, ariaId: i }) => {
const a = t || c, g = () => f && t ? r : `${r} is not available`, L = () => {
if (e && s)
return s;
};
return l("picture", { className: n(p), children: l(h, { wrapperClassName: "bg-stone-500 w-full h-inherit", className: `w-full ${n(d)}`, srcSet: e || void 0, sizes: L(), src: a, title: m, alt: g(), id: i || void 0, placeholderSrc: o || a, threshold: v, effect: "blur", height: u }) });
};
export {
S as default
};
//# sourceMappingURL=ResponsiveLazyImage.js.map