'use strict';
import { jsx, jsxs } from 'react/jsx-runtime';
import { CardFooter } from '../../../../fd-component-toolbox/card/Card.js';
import { prepareDisplayableProperties } from './DataCardContent.funcs.js';
import { DataCardPropertyValue } from '../data-card-property-value/DataCardPropertyValue.js';
import { FadeOutText } from '../../../../fd-component-toolbox/fade-out-text/FadeOutText.js';

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", {
  value,
  configurable: true
});
function DataCardContent({
  uiResourceMeta,
  item,
  resource
}) {
  return /* @__PURE__ */jsx(CardFooter, {
    className: "relative w-full flex-col items-start overflow-hidden p-2 text-sm",
    children: prepareDisplayableProperties(uiResourceMeta.properties, item, resource.id, uiResourceMeta.resourceMeta.properties).map(property => /* @__PURE__ */jsxs("div", {
      className: "text-subtle-500 flex w-full flex-row gap-4 text-xs lg:text-sm",
      children: [/* @__PURE__ */jsx("p", {
        className: "shrink-0 font-medium",
        children: property.displayName
      }), /* @__PURE__ */jsx(FadeOutText, {
        children: /* @__PURE__ */jsx(DataCardPropertyValue, {
          property,
          resource,
          resourceMeta: uiResourceMeta.resourceMeta,
          itemId: item.id
        })
      })]
    }, property.key))
  });
}
__name(DataCardContent, "DataCardContent");

export { DataCardContent };
