'use strict';
import { jsx } from 'react/jsx-runtime';
import '../../../../fd-component-toolbox/client/framework/index.js';
import { cn } from '../../../../../fd-toolbox/lib/utils.js';
import FrameworkImage from 'next/image.js';

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", {
  value,
  configurable: true
});
function DataCardImage({
  imageUrl,
  cardLayoutHorizontal,
  cardLayoutVertical
}) {
  return /* @__PURE__ */jsx("div", {
    className: "relative size-64 min-w-64",
    children: /* @__PURE__ */jsx(FrameworkImage, {
      src: imageUrl ?? "/images/no-image.webp",
      alt: "image",
      priority: true,
      layout: "fill",
      className: cn("object-cover object-center", {
        "rounded-s-sm": cardLayoutHorizontal,
        "rounded-t-sm": cardLayoutVertical
      })
    })
  });
}
__name(DataCardImage, "DataCardImage");

export { DataCardImage };
