/**
 * Dynamic favicon. Renders the brand mark (α) on the dark brand background.
 *
 * Next.js auto-discovers this file and wires it into the page <head> as
 * <link rel="icon"> for every route. No static asset needed in /public.
 *
 * For larger PWA install icons (192/512), see app/apple-icon.tsx and the
 * manifest.ts entries that reference them.
 */
import { ImageResponse } from 'next/og'

export const runtime = 'edge'
export const size = { width: 64, height: 64 }
export const contentType = 'image/png'

export default function Icon() {
  return new ImageResponse(
    (
      <div
        style={{
          width: '100%',
          height: '100%',
          background: '#0a0907',
          display: 'flex',
          alignItems: 'center',
          justifyContent: 'center',
          fontSize: 44,
          fontWeight: 700,
          color: '#f5a524',
          fontFamily: 'system-ui, sans-serif',
          lineHeight: 1,
        }}
      >
        α
      </div>
    ),
    { ...size },
  )
}
