import HeroArt from './HeroArt.jsx';

/**
 * Game art behind the whole page, blurred and dimmed so text on it stays readable.
 */
export default function PageBackground({appid}) {
    if (!appid) return null;

    return (
        <div aria-hidden="true" className="pointer-events-none fixed inset-0 -z-10 overflow-hidden">
            <HeroArt key={appid} appid={appid} className="size-full scale-110 object-cover blur-md"/>
            <div className="absolute inset-0 bg-background/80"/>
        </div>
    );
}