'use client';
import AccountCampaignsLeadsListview from 'views/dashboard/AccountCampaignsLeadsListview';
import Card from '@mui/material/Card';
import { useSearchParams } from 'next/navigation';
import { useEffect, useState } from 'react';

type Props = {
  params: {
    campaignId: string;
  };
};

const CampaignLeadsPage = ({ params }: Props) => {
  const searchParams = useSearchParams();
  const { campaignId } = params;
  /* const [client, setClient] = useState<any | null>(null);
  const [profile, setProfile] = useState<any | null>(null); */
  const [campaign, setCampaign] = useState<any | null>(null);

  useEffect(() => {
    if (searchParams) {
      /* setClient(searchParams.get('client'));
      setProfile(searchParams.get('profile')); */
      setCampaign(searchParams.get('campaign'));
    }
  }, [searchParams]);

  return (
    <div className="page">
      <h1>Leads</h1>
      <Card variant="outlined" style={{ paddingLeft: '20px', marginBottom: '20px' }}>
        {/* <p>
          <b>Client</b>
          <span> - {client}</span>
        </p>
        <p>
          <b>Profile</b>
          <span> - {profile}</span>
        </p> */}
        <p>
          <b>Campaign</b>
          <span> - {campaign}</span>
        </p>
      </Card>
      <AccountCampaignsLeadsListview campaignId={campaignId} />
    </div>
  );
};

export default CampaignLeadsPage;