@glodon-aiot/react-components/dist/es/components/DocumentViewer/components/MediaRenderers.mjs

aiot react components

import { jsx as e } from "react/jsx-runtime";
import { Image as i } from "antd";
const c = ({
  url: r,
  fileName: t
}) => /* @__PURE__ */ e("div", {
  className: "document-viewer-image",
  children: /* @__PURE__ */ e(i, {
    src: r,
    alt: t || "Image",
    style: {
      maxWidth: "100%",
      maxHeight: "100%",
      objectFit: "contain"
    }
  })
}), n = ({
  url: r
}) => /* @__PURE__ */ e("div", {
  className: "document-viewer-video",
  children: /* @__PURE__ */ e("video", {
    src: r,
    controls: !0,
    style: {
      maxWidth: "100%"
    },
    children: "您的浏览器不支持视频播放"
  })
}), s = ({
  url: r
}) => /* @__PURE__ */ e("div", {
  className: "document-viewer-audio",
  children: /* @__PURE__ */ e("audio", {
    src: r,
    controls: !0,
    style: {
      width: "100%"
    },
    children: "您的浏览器不支持音频播放"
  })
});
export {
  s as AudioRenderer,
  c as ImageRenderer,
  n as VideoRenderer
};