import React from 'react';
import type { TradeServeInfo } from '@/services/trade/order/detail';
import type { ItemConfig } from '../../order-info';
import ServicePetUI from './uis/pets/service';

const ServiceInfo: React.FC<ItemConfig<TradeServeInfo>> = (props) => {
  const { data = {}, orderCategoryId, id } = props;
  return (
    <>
      {orderCategoryId === 1 && (
        <ServicePetUI data={data} id={id} loading={props.loading} />
      )}
    </>
  );
};

export default React.memo(ServiceInfo);
