'use client';
import React, { createContext, useContext, useState, ReactNode } from 'react';
import { Client } from '@/types/types';

type SelectedClientContextType = {
  selectedClient: Client | null;
  setSelectedClient: (client: Client | null) => void;
};

const SelectedClientContext = createContext<SelectedClientContextType | undefined>(undefined);

export const SelectedClientProvider = ({ children }: { children: ReactNode }) => {
  const [selectedClient, setSelectedClient] = useState<Client | null>(null);

  return (
    <SelectedClientContext.Provider value={{ selectedClient, setSelectedClient }}>
      {children}
    </SelectedClientContext.Provider>
  );
};

export const useSelectedClient = () => {
  const context = useContext(SelectedClientContext);
  if (!context) throw new Error('useSelectedClient must be used within a SelectedClientProvider');
  return context;
};