import React from 'react';
import type { TradeExtendServeInfo } from '@/services/trade/order/detail';
import type { ItemConfig } from '../../order-info';
import styles from './index.module.less';
import ExtendServicePets from './uis/pets/extend-service';

const ExtendService: React.FC<ItemConfig<TradeExtendServeInfo[][]>> = (
  props,
) => {
  const { data = [], orderCategoryId } = props;
  return (
    <div className={styles['order-info']}>
      {orderCategoryId === 1 && <ExtendServicePets data={data} />}
    </div>
  );
};

export default React.memo(ExtendService);
