import { j as e } from "../../../../_virtual/jsx-runtime.js";
import { getId as a } from "../../../../utils/index.js";
import n from "../../../../icons/Close.js";
import { ButtonSheetImageWrapper as d, ImageStyled as m } from "./styles.js";
import { IconButton as j } from "../../../IconButton/index.js";
const x = ({
  imgValues: t = {
    imgAlt: "",
    objectFit: "cover",
    objectPosition: "center",
    asHeader: !1,
    imgSrc: "",
    imgHeight: ""
  },
  headerControlsModifiers: i,
  onClose: r,
  ...o
}) => {
  const c = a(`${o["data-testid"]}-bottom-sheet-image`), s = a(`${o["data-trackid"]}-bottom-sheet-image`);
  return t ? /* @__PURE__ */ e.jsxs(d, { imgHeight: t.imgHeight, children: [
    /* @__PURE__ */ e.jsx(
      m,
      {
        src: t.imgSrc,
        alt: t.imgAlt,
        objectFit: t.objectFit,
        objectPosition: t.objectPosition,
        asHeader: t.asHeader,
        loading: "lazy"
      }
    ),
    i === "close" && t.asHeader && /* @__PURE__ */ e.jsx(
      j,
      {
        size: "x-small",
        variant: "secondary",
        icon: /* @__PURE__ */ e.jsx(n, {}),
        onClick: r,
        "data-testid": c("close-button"),
        "data-trackid": s("close-button")
      }
    )
  ] }) : null;
};
export {
  x as default
};
