import { useTranslation } from 'next-i18next' ; import Link from 'next/link' ; function Logo ( ) { const { t } = useTranslation ( 'common' ) ; return ( < Link href = "/" > < a className = "flex flex-row items-center p-3 justify-center space-x-1" > < svg className = "fill-current" xmlns = "http://www.w3.org/2000/svg" enableBackground = "new 0 0 24 24" height = "48px" viewBox = "0 0 24 24" width = "48px" fill = "#000000" > < g > < path d = "M0,0h24v24H0V0z" fill = "none" / > < /g> < g > < path d = "M11.3,2.26l-6,2.25C4.52,4.81,4,5.55,4,6.39v4.71c0,5.05,3.41,9.76,8,10.91c4.59-1.15,8-5.86,8-10.91V6.39 c0-0.83-0.52-1.58-1.3-1.87l-6-2.25C12.25,2.09,11.75,2.09,11.3,2.26z M10.23,14.83l-2.12-2.12c-0.39-0.39-0.39-1.02,0-1.41l0,0 c0.39-0.39,1.02-0.39,1.41,0l1.41,1.41l3.54-3.54c0.39-0.39,1.02-0.39,1.41,0l0,0c0.39,0.39,0.39,1.02,0,1.41l-4.24,4.24 C11.26,15.22,10.62,15.22,10.23,14.83z" / > < /g> < /svg> < h1 className = "text-3xl font-bold" > { t ( 'common:title' ) } < /h1> < /a> < /Link>); } export default Logo ;