'use client';

import { useTranslations } from 'next-intl';

/**
 * Visually hidden skip-to-main-content link.
 * Becomes visible on focus for keyboard and screen-reader users (WCAG 2.4.1).
 */
export function SkipToContent() {
  const t = useTranslations('common');

  return (
    <a
      href="#main"
      className="sr-only focus:not-sr-only focus:fixed focus:start-2 focus:top-2 focus:z-[100] focus:bg-primary-600 focus:text-white focus:px-3 focus:py-2 focus:rounded focus:outline-none"
    >
      {t('skip_to_content')}
    </a>
  );
}