import React, { useState } from 'react';
import { Client } from '../types';
import ClientFilter from './ClientFilter';
import ClientSearch from './ClientSearch';

const ClientSearchPage: React.FC = () => {
  const [filteredClients, setFilteredClients] = useState<Client[]>([]);

  const handleFilteredClients = (clients: Client[]) => {
    setFilteredClients(clients);
  };

  return (
    <>
      <ClientFilter onFilteredClients={handleFilteredClients} />
      <ClientSearch clients={filteredClients} />
    </>
  );
};

export default ClientSearchPage;