import { ImageResponse } from 'next/og'

// Image metadata for Apple icon (larger size)
export const size = {
  width: 180,
  height: 180,
}
export const contentType = 'image/png'

// Image generation
export default function AppleIcon() {
  return new ImageResponse(
    (
      <div
        style={{
          width: '100%',
          height: '100%',
          display: 'flex',
          alignItems: 'center',
          justifyContent: 'center',
        }}
      >
        <svg
          width="110"
          height="140"
          viewBox="524 11 58 74"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g transform="scale(1, -1) translate(0, -96)">
            <path
              d="M524.242,84.863L524.242,11.266L581.484,11.266L581.484,84.863L524.242,84.863ZM532.418,76.684L573.305,76.684L573.305,35.797L532.418,35.797L532.418,76.684ZM540.598,68.508L540.598,60.332L548.773,60.332L548.773,68.508L540.598,68.508ZM548.773,60.332L548.773,52.152L556.953,52.152L556.953,60.332L548.773,60.332ZM556.953,60.332L565.129,60.332L565.129,68.508L556.953,68.508L556.953,60.332ZM556.953,52.152L556.953,43.977L565.129,43.977L565.129,52.152L556.953,52.152ZM548.773,52.152L540.598,52.152L540.598,43.977L548.773,43.977L548.773,52.152ZM532.418,27.621L548.773,27.621L548.773,19.445L532.418,19.445L532.418,27.621ZM565.129,27.621L573.305,27.621L573.305,19.445L565.129,19.445L565.129,27.621Z"
              fill="#63df23"
              fillRule="evenodd"
            />
          </g>
        </svg>
      </div>
    ),
    {
      ...size,
    }
  )
}