mirror of
https://github.com/theoludwig/theoludwig.git
synced 2024-12-08 00:44:30 +01:00
31 lines
681 B
TypeScript
31 lines
681 B
TypeScript
import Image from "next/image"
|
|
|
|
import type { CookiesStore } from "@/utils/constants"
|
|
import { useI18n } from "@/i18n/i18n.client"
|
|
|
|
export interface LocaleFlagProps {
|
|
locale: string
|
|
cookiesStore: CookiesStore
|
|
}
|
|
|
|
export const LocaleFlag = (props: LocaleFlagProps): JSX.Element => {
|
|
const { locale, cookiesStore } = props
|
|
|
|
const i18n = useI18n(cookiesStore)
|
|
|
|
return (
|
|
<>
|
|
<Image
|
|
quality={100}
|
|
width={35}
|
|
height={35}
|
|
src={`/images/locales/${locale}.svg`}
|
|
alt={locale}
|
|
/>
|
|
<p data-cy="locale-flag-text" className="mx-2 text-base font-semibold">
|
|
{i18n.translate(`common.${locale}`)}
|
|
</p>
|
|
</>
|
|
)
|
|
}
|