25 lines
489 B
TypeScript
25 lines
489 B
TypeScript
|
import Image from 'next/image'
|
||
|
|
|
||
|
|
export interface LanguageFlagProps {
|
||
|
|
language: string
|
||
|
|
}
|
||
|
|
|
||
|
|
export const LanguageFlag: React.FC<LanguageFlagProps> = (props) => {
|
||
|
|
const { language } = props
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<Image
|
||
|
|
quality={100}
|
||
|
|
width={35}
|
||
|
|
height={35}
|
||
|
|
src={`/images/languages/${language}.svg`}
|
||
|
|
alt={language}
|
||
|
|
/>
|
||
|
|
<p data-cy='language-flag-text' className='mx-2 text-base'>
|
||
|
|
{language.toUpperCase()}
|
||
|
|
</p>
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
}
|