/**
 * Apple touch icon (180×180) — also used as the PWA icon source.
 *
 * iOS Safari grabs <link rel="apple-touch-icon"> when "Add to Home Screen"
 * is invoked. Next.js auto-wires this file to that link.
 */
import { ImageResponse } from 'next/og'

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

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