Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 | 3x 3x 7x | import Link from 'next/link'
interface LanguageProps {
id?: string
lang?: string
path: string
abbr?: string
dataTestId?: string
dataCy?: string
ariaLabel?: string
dataGcAnalyticsCustomClick?: string
text?: string
}
const Language = ({
id = 'mscaPlaceholder',
lang,
path = '/',
abbr,
dataTestId,
dataCy,
ariaLabel,
dataGcAnalyticsCustomClick = 'mscaPlaceholder',
text,
}: LanguageProps) => {
return (
<>
{abbr ? (
<Link
href={path}
className="font-body font-medium uppercase leading-[33px] text-deep-blue-dark underline hover:text-blue-hover focus:text-blue-hover focus-visible:text-blue-hover"
id={id}
data-testid={dataTestId}
data-cy={dataCy || id}
lang={lang === 'en' ? 'fr' : 'en'}
aria-label={ariaLabel || (lang === 'en' ? 'Français' : 'English')}
locale={false}
data-gc-analytics-customclick={`${dataGcAnalyticsCustomClick}:${
lang === 'en' ? 'Français' : 'English'
}`}
>
{/* <!-- English Text: title="English", en --> */}
<abbr title={lang === 'en' ? 'Français' : 'English'}>{abbr}</abbr>
</Link>
) : (
<Link
href={path}
className="font-base font-body text-[16px] leading-[33px] text-deep-blue-dark underline hover:text-blue-hover focus:text-blue-hover focus-visible:text-blue-hover"
id={id}
data-testid={dataTestId}
data-cy={dataCy || id}
lang={lang === 'en' ? 'fr' : 'en'}
aria-label={ariaLabel || text}
locale={false}
data-gc-analytics-customclick={`${dataGcAnalyticsCustomClick}:${
lang === 'en' ? 'Français' : 'English'
}`}
>
{/* <!-- English Text: English --> */}
<span>{lang === 'en' ? 'Français' : 'English'}</span>
</Link>
)}
</>
)
}
export default Language
|