'use client';
import { useFetchAllServices } from '@/api/useFetchAllServices';
import React from 'react';

const ServicesPage = ({ id }: { id: number }) => {
  const { data: services, isLoading } = useFetchAllServices(id);
  if (isLoading) <div>Loading...</div>;
  return (
    <div>
      {services?.map((service) => (
        <p key={service.id}>{service.name}</p>
      ))}
    </div>
  );
};

export default ServicesPage;