import { AbsoluteFill } from "remotion";

export const WhatsAppBackground = () => (
  <AbsoluteFill
    style={{
      background: "linear-gradient(160deg, #0a1a10 0%, #060d0a 50%, #030806 100%)",
    }}
  >
    {/* Subtle grid */}
    <AbsoluteFill
      style={{
        backgroundImage:
          "linear-gradient(rgba(37,211,102,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(37,211,102,0.04) 1px, transparent 1px)",
        backgroundSize: "64px 64px",
      }}
    />
    {/* Glow */}
    <AbsoluteFill
      style={{
        background:
          "radial-gradient(ellipse 60% 40% at 50% 50%, rgba(37,211,102,0.07) 0%, transparent 70%)",
      }}
    />
  </AbsoluteFill>
);
