import header from "../../../messages/en/components/header.json";
import { MAIN_CONTENT_ID } from "../../../lib/mainContent";

/**
 * First focusable control in the shell. Revealed on focus so keyboard users
 * can bypass the header and land on the group `<main>`.
 */
export default function SkipToContent() {
  return (
    <a href={`#${MAIN_CONTENT_ID}`} className="skip-to-content text-medium-label">
      {header.skipToContent}
    </a>
  );
}