https://austn.net/assets/chunk-KDJ22NTH.js

1import {
2  require_react
3} from "/assets/chunk-RFGJYZHZ.js";
4import {
5  __toESM
6} from "/assets/chunk-LALCD62Z.js";
7
8// app/javascript/components/ResponsiveImage.jsx
9var import_react = __toESM(require_react());
10var ResponsiveImage = ({
11  src,
12  alt = "",
13  width,
14  height,
15  className = "",
16  objectFit = "cover",
17  ...rest
18}) => {
19  const isExternalImage = src.startsWith("http");
20  const isAlreadyWebP = src.endsWith(".webp");
21  const webpSrc = !isExternalImage && !isAlreadyWebP ? src.replace(/\.(jpg|jpeg|png)$/, ".webp") : null;
22  const imgStyle = {
23    objectFit
24  };
25  return /* @__PURE__ */ import_react.default.createElement("picture", null, webpSrc && /* @__PURE__ */ import_react.default.createElement("source", { srcSet: webpSrc, type: "image/webp" }), /* @__PURE__ */ import_react.default.createElement(
26    "img",
27    {
28      src,
29      alt,
30      width,
31      height,
32      className,
33      loading: "lazy",
34      decoding: "async",
35      style: imgStyle,
36      ...rest
37    }
38  ));
39};
40var ResponsiveImage_default = ResponsiveImage;
41
42export {
43  ResponsiveImage_default
44};
45//# sourceMappingURL=/assets/chunk-KDJ22NTH.js.map