import { ImageResponse } from "next/og";

// Replaces the default Next.js favicon with the brand mark — Hostinger
// violet rounded square + white chat-square glyph — matching the
// sidebar logo in `src/components/layout/sidebar.tsx`. Next.js renders
// this at build time and auto-injects <link rel="icon"> into <head>.
//
// This route takes precedence over src/app/favicon.ico, which is the
// Next.js default and can stay on disk harmlessly (or be removed).

export const runtime = "edge";
export const size = { width: 32, height: 32 };
export const contentType = "image/png";

export default function Icon() {
  return new ImageResponse(
    (
      <div
        style={{
          width: "100%",
          height: "100%",
          display: "flex",
          alignItems: "center",
          justifyContent: "center",
          background: "#25D366", // WhatsApp brand green
          borderRadius: 6,
        }}
      >
        <svg
          width="20"
          height="20"
          viewBox="0 0 24 24"
          fill="#ffffff"
        >
          <path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946C.06 5.348 5.397.01 12.008.01c3.202.001 6.212 1.246 8.477 3.514 2.266 2.268 3.507 5.28 3.505 8.484-.004 6.657-5.34 11.997-11.953 11.997-2.005-.001-3.973-.502-5.717-1.458L0 24zm6.59-4.846c1.6.95 3.188 1.449 4.625 1.45 5.507.003 9.993-4.485 9.997-9.992.002-2.667-1.026-5.176-2.895-7.05C16.48 1.687 13.98 1.66 11.996 1.66c-5.513 0-10.002 4.49-10.006 10.002-.001 1.83.477 3.619 1.385 5.207L2.348 21.07l4.3-1.916zM17.47 15.37c-.269-.134-1.597-.788-1.846-.879-.25-.09-.431-.135-.613.136-.18.271-.699.88-.857 1.059-.158.18-.317.2-.586.066-1.579-.79-2.732-1.374-3.766-3.149-.27-.47.27-.435.772-1.437.083-.166.04-.312-.02-.447-.06-.135-.613-1.477-.84-2.02-.22-.53-.443-.458-.61-.466-.157-.008-.338-.009-.519-.009-.18 0-.473.067-.72.336-.247.27-.942.92-.942 2.243s.962 2.6 1.096 2.781c.135.18 1.895 2.893 4.593 4.06.64.278 1.14.444 1.53.567.64.203 1.225.174 1.685.105.512-.077 1.596-.652 1.821-1.282.227-.63.227-1.171.159-1.282-.068-.11-.25-.178-.519-.312z" />
        </svg>
      </div>
    ),
    { ...size },
  );
}
