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",
          alignItems: "center",
          justifyContent: "center",
          background: "#18181b",
          color: "white",
          fontFamily: '"Helvetica", "Arial", sans-serif',
          position: "relative",
        }}
      >
        <span
          style={{
            fontSize: 96,
            fontWeight: 600,
            letterSpacing: "-4px",
            lineHeight: 1,
          }}
        >
          CM
        </span>
        <div
          style={{
            position: "absolute",
            top: 22,
            right: 22,
            width: 12,
            height: 12,
            borderRadius: 999,
            background: "#10b981",
          }}
        />
      </div>
    ),
    size,
  );
}
