import { ImageResponse } from "next/og";

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%",
          display: "flex",
          flexDirection: "column",
          alignItems: "center",
          justifyContent: "center",
          background: "#ffffff",
          padding: 16,
        }}
      >
        <div
          style={{
            width: 72,
            height: 72,
            border: "4px solid #1a5c38",
            borderRadius: 12,
            marginBottom: 8,
          }}
        />
        <div style={{ fontSize: 14, fontWeight: 800, color: "#1a5c38", letterSpacing: 1 }}>
          GREAT RIFT
        </div>
        <div style={{ fontSize: 14, fontWeight: 800, color: "#1a5c38", letterSpacing: 1 }}>VALLEY</div>
        <div style={{ fontSize: 10, fontWeight: 600, color: "#0d3d26", marginTop: 4 }}>
          Innovation Summit
        </div>
      </div>
    ),
    { ...size }
  );
}
