import React from 'react';
import EnhancedProTable from '@/components/EnhancedProTable';
import type { TradeExtendCostInfo } from '@/services/trade/order/detail';
import type { ItemConfig } from '../../../../order-info';
import { extendCost } from './config';

const ExtendCost: React.FC<ItemConfig<TradeExtendCostInfo[]>> = (props) => {
  const { data } = props;
  return (
    <EnhancedProTable<TradeExtendCostInfo>
      columns={extendCost}
      dataSource={data}
      showIndex={false}
      size="small"
      search={false}
      showActions={false}
      showSelection={false}
      bordered
      pagination={false}
    />
  );
};

export default React.memo(ExtendCost);
