function SkipLinks({ mainId, navigationId, t }) {
	return (
		<nav
			className={theme['tc-skip-links']}
			aria-label={t('SKIP_LINKS', { defaultValue: 'Skip links' })}
		>
			<ul>
				{navigationId && (
					<li key="navigation">
						<SkipTo
							href={navigationId}
							label={t('SKIP_TO_NAV', { defaultValue: 'Skip to navigation' })}
						/>
					</li>
				)}
				<li key="main">
					<SkipTo
						href={mainId}
						label={t('SKIP_TO_MAIN', { defaultValue: 'Skip to main content' })}
					/>
				</li>
			</ul>
		</nav>
	);
}
/**
 * Skip links are a technique to ease keyboard navigation.
 * It consists in giving some links as the firsts focusable elements of the page
 * to go directly to some meaningful content.
 */
Skip links are a technique to ease keyboard navigation.
It consists in giving some links as the firsts focusable elements of the page
to go directly to some meaningful content.
Skip links are a technique to ease keyboard navigation . It consists in giving some links as the firsts focusable elements of the page to go directly to some meaningful content .
function SkipLinks({ mainId, navigationId, t }) {
	return (
		<nav
			className={theme['tc-skip-links']}
			aria-label={t('SKIP_LINKS', { defaultValue: 'Skip links' })}
		>
			<ul>
				{navigationId && (
					<li key="navigation">
						<SkipTo
							href={navigationId}
							label={t('SKIP_TO_NAV', { defaultValue: 'Skip to navigation' })}
						/>
					</li>
				)}
				<li key="main">
					<SkipTo
						href={mainId}
						label={t('SKIP_TO_MAIN', { defaultValue: 'Skip to main content' })}
					/>
				</li>
			</ul>
		</nav>
	);
}
function SkipLinks ( { mainId , navigationId , t } ) { return ( < nav className = { theme [ 'tc-skip-links' ] } aria-label = { t ( 'SKIP_LINKS' , { defaultValue : 'Skip links' } ) } > < ul > { navigationId && ( < li key = "navigation" > < SkipTo href = { navigationId } label = { t ( 'SKIP_TO_NAV' , { defaultValue : 'Skip to navigation' } ) } / > < / li > ) } < li key = "main" > < SkipTo href = { mainId } label = { t ( 'SKIP_TO_MAIN' , { defaultValue : 'Skip to main content' } ) } / > < / li > < / ul > < / nav > ) ; }
Skip links are a technique to ease keyboard navigation.
Skip links are a technique to ease keyboard navigation .