"use client";

import { ChatIcon } from "@repo/ui/icons";
import Image from "next/image";
import Link from "next/link";
import { usePathname } from "next/navigation";
import React from "react";

function NewChatButton() {
	const path = usePathname();

	if (path.startsWith("/chat")) {
		return (
			<Link
				href="/home"
				className="flex duration-200 items-center text-[#7D8994] hover:bg-[#1F2429] text-[13px] gap-2 px-3 py-2 rounded-xl"
			>
				<Image src={ChatIcon} alt="Chat icon" className="w-5" />
				Start new chat
			</Link>
		);
	}

	return null;
}

export default NewChatButton;