hunk.code_window:           </FooterLink>
             <div className="opacity-50 pointer-events-none">
               <FooterLink link="#">Blog</FooterLink>
             </div>
  
hunk.labels: add keep keep keep
hunk.after_edit:           <FooterLink link="/changelog">Changelog</FooterLink>
  
hunk.file_path: apps/landing/src/components/Footer.tsx
hunk.type: add
file: import React, { useState, useEffect } from 'react';
  
  export function useFocusState() {
    const [focused, setFocused] = useState(true);
    const focus = () => setFocused(true);
    const blur = () => setFocused(false);
    useEffect(() => {
      window.addEventListener('focus', focus);
      window.addEventListener('blur', blur);
      return () => {
        window.removeEventListener('focus', focus);
        window.removeEventListener('blur', blur);
      };
    }, []);
  
    return [focused];
  }
  