chatbot-ui/components/ui/brand.tsx

30 lines
739 B
TypeScript

"use client"
import Link from "next/link"
import { FC } from "react"
import { ChatbotUISVG } from "../icons/chatbotui-svg"
import { useTranslation } from 'react-i18next'
interface BrandProps {
theme?: "dark" | "light"
}
export const Brand: FC<BrandProps> = ({ theme = "dark" }) => {
const { t } = useTranslation()
return (
<Link
className="flex cursor-pointer flex-col items-center hover:opacity-50"
href="https://ai.szaiai.com"
target="_blank"
rel="noopener noreferrer"
>
<div className="mb-2">
<ChatbotUISVG theme={theme === "dark" ? "dark" : "light"} scale={0.3} />
</div>
<div className="text-4xl font-bold tracking-wide">{t("Company Name")}</div>
</Link>
)
}