import 'package:flutter/material.dart';
import 'package:wave/wave.dart';
import 'package:wave/config.dart';
import 'package:superport/screens/login/widgets/login_view.dart'; // AnimatedBoatIcon import

// 사이드바 헤더 위젯
class SidebarMenuHeader extends StatelessWidget {
  const SidebarMenuHeader({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      height: 88,
      width: double.infinity,
      padding: const EdgeInsets.only(left: 0, right: 0), // 아이콘을 더 좌측으로
      child: Stack(
        alignment: Alignment.centerLeft,
        children: [
          // Wave 배경
          Positioned.fill(
            child: Opacity(
              opacity: 0.50, // subtle하게
              child: WaveWidget(
                config: CustomConfig(
                  gradients: [
                    [Color(0xFFB6E0FE), Color(0xFF3182CE)],
                    [
                      Color.fromARGB(255, 31, 83, 132),
                      Color.fromARGB(255, 9, 49, 92),
                    ],
                  ],
                  durations: [4800, 6000],
                  heightPercentages: [0.48, 0.38],
                  blur: const MaskFilter.blur(BlurStyle.solid, 6),
                  gradientBegin: Alignment.topLeft,
                  gradientEnd: Alignment.bottomRight,
                ),
                waveAmplitude: 8,
                size: Size.infinite,
              ),
            ),
          ),
          // 아이콘+텍스트
          Row(
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              const SizedBox(width: 24), // 아이콘을 더 좌측으로
              SizedBox(
                width: 36,
                height: 36,
                child: AnimatedBoatIcon(color: Colors.white, size: 60),
              ),
              const SizedBox(width: 24),
              const Text(
                'supERPort',
                style: TextStyle(
                  fontSize: 24,
                  fontWeight: FontWeight.bold,
                  color: Colors.white,
                  letterSpacing: -2.5,
                ),
              ),
            ],
          ),
        ],
      ),
    );
  }
}