import TranslateClient from "@/components/ui/localization/TranslateClient"
import { images } from "@/lib/images"
import Image from "next/image"
type Props = {
  title: string
}
const LogoTitle = ({ title }: Props) => {
  return (
    <div className="flex flex-col justify-center items-center gap-2 mt-2">
      <Image
        draggable={false}
        src={images.logo}
        alt="logo"
        width={50}
        height={50}
        className="w-[50px] object-cover"
      />
      <p className="font-semibold">
        <TranslateClient text={title} />
      </p>
    </div>
  )
}

export default LogoTitle