'use client';
import { FiPlus, FiUserPlus } from 'react-icons/fi';
import { HiOutlineSpeakerphone } from 'react-icons/hi';

type CampaignActionButtonsProps = {
  customClass?: string;
  translations: any;
  showCampaignActions: boolean;
  onCreateCampaign: () => void;
  onOpenManagement: () => void;
  onRecruitCreators: () => void;
};

const actionBtnClass =
  'shrink-0 flex flex-col items-center justify-center gap-1 rounded-xl border border-lightGray bg-white px-2.5 py-2 lg:min-w-[92px] lg:max-w-[110px] hover:border-primary/40 transition-colors';

const CampaignActionButtons = (props: CampaignActionButtonsProps) => {
  const {
    customClass,
    translations,
    showCampaignActions,
    onCreateCampaign,
    onOpenManagement,
    onRecruitCreators,
  } = props;

  return (
    <div className={`flex items-stretch gap-2 shrink-0 max-lg:*:flex-1 ${customClass}`}>
      <button type="button" onClick={onCreateCampaign} className={actionBtnClass}>
        <FiPlus className="w-5 h-5 text-primary" />
        <span className="text-[10px] font-medium text-center leading-tight text-neutral-700 max-md:hidden">
          {translations?.createNewCampaign ?? 'New campaign'}
        </span>
      </button>
      {showCampaignActions && (
        <>
          <button type="button" onClick={onOpenManagement} className={actionBtnClass}>
            <HiOutlineSpeakerphone className="w-5 h-5 text-primary" />
            <span className="text-[10px] font-medium text-center leading-tight text-neutral-700 max-md:hidden">
              {translations?.campaignManagement ?? 'Campaign Management'}
            </span>
          </button>
          <button type="button" onClick={onRecruitCreators} className={actionBtnClass}>
            <FiUserPlus className="w-5 h-5 text-primary" />
            <span className="text-[10px] font-medium text-center leading-tight text-neutral-700 max-md:hidden">
              {translations?.recruitCreators ?? 'Recruit Creators'}
            </span>
          </button>
        </>
      )}
    </div>
  );
};

export default CampaignActionButtons;