import { ImageResponse } from 'next/og'

export const runtime = 'edge'

export const alt = 'ThermCool - Klimatyzacja '
export const size = {
  width: 1200,
  height: 630,
}

export const contentType = 'image/png'

export default async function Image() {
  return new ImageResponse(
    (
      <div
        style={{
          background: '#0f2a47',
          width: '100%',
          height: '100%',
          display: 'flex',
          flexDirection: 'column',
          alignItems: 'center',
          justifyContent: 'center',
          fontFamily: 'sans-serif',
        }}
      >
        <div
          style={{
            fontSize: 130,
            color: 'white',
            fontWeight: 'bold',
            marginBottom: 20,
            letterSpacing: '-0.05em',
          }}
        >
          ThermCool
        </div>
        <div
          style={{
            fontSize: 48,
            color: '#2ba8e0',
            fontWeight: 'normal',
            letterSpacing: '-0.02em',
          }}
        >
          Klimatyzacja — Wrocław, Dolny Śląsk
        </div>
      </div>
    ),
    {
      ...size,
    }
  )
}