"use client";

import React from "react";

export const SkipToContent = () => {
  return (
    <a
      href="#main-content"
      className="absolute left-4 top-4 -translate-y-20 bg-primary text-primary-foreground px-4 py-2 rounded-md transition-transform focus:translate-y-0 z-[100] outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
    >
      Zum Hauptinhalt springen
    </a>
  );
};