"use client";
import ActionButton from "@/components/action-button";
import PageHeader from "@/components/PageHeder";
import { useSearchParams } from "next/navigation";
import { FC, useState } from "react";
import ClientWalletList from "@/components/wallets/client-wallet-list";
import { HiPlus } from "react-icons/hi";
import ClientWalletForm from "@/components/wallets/client-wallets-form";

const ClientWalletContent: FC = () => {
  const params = useSearchParams();
  const [isOpen, setOpen] = useState(false);

  return (
    <>
      <div>
        <PageHeader>
          <div className="flex justify-between !p-0">
            <h2 className="text-xl font-semibold">Client wallets </h2>
            <div>
              <ActionButton type="any" onClick={() => setOpen(true)}>
                <div className="flex">
                  <HiPlus className="mr-1 text-lg" />
                  <div>
                    Add
                  </div>
                </div>
              </ActionButton>
              <ClientWalletForm isOpen={isOpen} setOpen={setOpen} />
            </div>
          </div>
        </PageHeader>
      </div>
      <div className="overflow-hidden shadow">
        <ClientWalletList />
      </div>
    </>
  );
};

export default ClientWalletContent;