import styles from "./FogOverlay.module.css";

interface FogOverlayProps {
  active: boolean;
}

export default function FogOverlay({ active }: FogOverlayProps) {
  if (!active) return null;

  return (
    <div className={styles.overlay}>
      <div className={styles.layer1} />
      <div className={styles.layer2} />
      <div className={styles.layer3} />
    </div>
  );
}
