'use client';

import { useTranslations } from 'next-intl';

export default function SkipLink() {
  const t = useTranslations('Navigation');

  return (
    <a
      href="#main-content"
      className="fixed -top-full left-4 z-[100] px-6 py-3 bg-white text-primary-dark font-bold rounded-lg shadow-xl outline-none ring-2 ring-accent transition-all duration-300 focus:top-4"
    >
      {t('skipToContent')}
    </a>
  );
}