'use client';
import React, { useEffect, useState } from 'react';
import Table2 from 'views/apps/customtable/Table2';
import { useSearchParams } from 'next/navigation';

const LeadsTable: React.FC = () => {
  const searchParams = useSearchParams();
  const [handlerData, setHandlerData] = useState<any | null>(null);

  useEffect(() => {
    const dataParam = searchParams.get('handlerData');
    //console.log('dataParam:', dataParam);

    if (dataParam) {
      try {
        const extractedData = JSON.parse(dataParam);
        //console.log('extracted data:', extractedData);
        setHandlerData(extractedData);
      } catch (error) {
        console.error('Error parsing data from query parameters:', error);
      }
    }
  }, [searchParams]);

  useEffect(() => {
    //console.log('handlerData updated:', handlerData);
  }, [handlerData]);

  return (
    <div className="page">
      <h1>Profile</h1>
      <Table2 datas={handlerData} />
    </div>
  );
};

export default LeadsTable;