import EliminateShortcutKeyConflicts from '@/components/EasyvCsvExcel/EliminateShortcutKeyConflicts';
import EasyvCsvExcel from 'components/EasyvCsvExcel';
import { initDataToExcelData } from 'components/EasyvCsvExcel/util';
import React from 'react';

const CsvExcelContent = ({ value, modalCsvExcelRef }) => {
  return (
    <EliminateShortcutKeyConflicts>
      <EasyvCsvExcel
        style={{ width: 'inherit', height: 500 }}
        containerId="containerIdEditAble"
        contentId="contentIdEditAble"
        ref={modalCsvExcelRef}
        data={initDataToExcelData(JSON.parse(value || {}))}
      />
    </EliminateShortcutKeyConflicts>
  );
};
export default CsvExcelContent;
