import { ImageResponse } from "next/og";
import { COLORS, BRAND } from "@/lib/constants";

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",
          alignItems: "center",
          justifyContent: "center",
          background: `linear-gradient(135deg, ${COLORS.bgPrimary} 0%, ${COLORS.bgSecondary} 100%)`,
          borderRadius: "40px",
          fontSize: 120,
        }}
      >
        {BRAND.emoji}
      </div>
    ),
    size
  );
}