import React from 'react';
import { Goose, Rain } from './icons/Goose';

export default function WelcomeGooseLogo({ className = '' }) {
  return (
    <div className={`${className} relative overflow-hidden`}>
      <div className="absolute inset-0 flex items-center justify-center">
        <Rain className="w-full h-full scale-[2.5] opacity-0 group-hover/logo:opacity-100 transition-all duration-300 z-1" />
      </div>
      <div className="absolute inset-0 flex items-center justify-center">
        <Goose className="w-full h-full z-2" />
      </div>
    </div>
  );
}
