import {ImageResponse} from 'next/og'
import {WavesIcon} from 'lucide-react'

export const dynamic = 'force-static'

export const size = {
  width: 32,
  height: 32,
}
export const contentType = 'image/png'

export default function Icon() {
  return new ImageResponse(
    (
      <div
        style={{
          background: 'black',
          width: '100%',
          height: '100%',
          display: 'flex',
          alignItems: 'center',
          justifyContent: 'center',
          borderRadius: '20%',
        }}
      >
        <WavesIcon color="white" size={20} />
      </div>
    ),
    {
      ...size,
    }
  )
}