// import { TableContainer, Table, TableBody, TableCell } from '@scaleflex/ui/core'
import { TableContainer, Table, TableBody } from '@scaleflex/ui/core';
import StyledDetailsTab from './DetailsTab.styled';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var EmbeddedMetadataSection = function EmbeddedMetadataSection(_ref) {
  var file = _ref.file;
  var _file$info = file.info,
    _file$info2 = _file$info === void 0 ? {} : _file$info,
    _file$info2$metadata = _file$info2.metadata,
    embeddedMetadata = _file$info2$metadata === void 0 ? {} : _file$info2$metadata;
  var embeddedMetadataKeys = Object.keys(embeddedMetadata);
  return /*#__PURE__*/_jsx(TableContainer, {
    children: /*#__PURE__*/_jsx(Table, {
      padding: "none",
      size: "medium",
      children: /*#__PURE__*/_jsx(TableBody, {
        children: embeddedMetadataKeys.map(function (key) {
          return /*#__PURE__*/_jsxs(StyledDetailsTab.TblFieldRow, {
            children: [/*#__PURE__*/_jsx(StyledDetailsTab.TblFieldLabel, {
              children: key
            }), /*#__PURE__*/_jsx(StyledDetailsTab.TblFieldValue, {
              children: embeddedMetadata[key]
            })]
          }, key);
        })
      })
    })
  });
};
export default EmbeddedMetadataSection;