import { ImageResponse } from 'next/og';

/** 180×180 PNG generated from the SatelliteIndex mark (planet + inclined ring + cyan node) on the space background. */
export const size = { width: 180, height: 180 };
export const contentType = 'image/png';

export default function AppleIcon() {
  return new ImageResponse(
    (
      <div style={{ width: 180, height: 180, display: 'flex', alignItems: 'center', justifyContent: 'center', background: '#060912', borderRadius: 40 }}>
        <svg width="132" height="132" viewBox="0 0 32 32" fill="none">
          <circle cx="16" cy="16" r="7.5" fill="#eaf0ff" opacity="0.92" />
          <ellipse cx="16" cy="16" rx="14" ry="5.2" stroke="#eaf0ff" strokeWidth="1.6" transform="rotate(-24 16 16)" opacity="0.85" />
          <circle cx="27.4" cy="9.6" r="2.3" fill="#38d3ff" />
        </svg>
      </div>
    ),
    { ...size },
  );
}