"use client";

import { useRouter } from "next/navigation";
import React, { useState } from "react";
import Button from "../common/Button";

interface ChatButtonProps {
  userId?: string;
  productOwnerId: string;
  onChat: (data: { initialOffer: number; text: string }) => void;
  t: (key: string) => string; // translation function
}

const ChatButton: React.FC<ChatButtonProps> = ({
  userId,
  productOwnerId,
  onChat,
  t,
}) => {
  const router = useRouter();
  const [isLoading, setIsLoading] = useState(false);
  if (userId && userId === productOwnerId) {
    return null;
  }

  const handleClick = () => {
    if (!userId) {
      router.push("/login");
      return;
    }
    onChat({ initialOffer: 0, text: "" });
    setTimeout(() => setIsLoading(false), 1000); // short delay reset
  };
  return (
    <div className="flex gap-3 mt-5 max-md:gap-2 max-[360px]:flex-wrap">
      <Button variant="secondary" onClick={handleClick} disabled={isLoading}>
        {isLoading ? "loading": t("dashboard.chat_Nogitate")}
      </Button>
    </div>
  );
};

export default ChatButton;