import 'package:flutter/material.dart';
import '../utils/farb_theme.dart';

class MeloHeader extends StatelessWidget {
  final VoidCallback onDownload;
  final VoidCallback onSearch;

  const MeloHeader({super.key, required this.onDownload, required this.onSearch});

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.fromLTRB(20, 12, 20, 4),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              ShaderMask(
                shaderCallback: (bounds) => const LinearGradient(
                  colors: [Colors.white, MeloTheme.rot],
                ).createShader(bounds),
                child: const Text('Melo', style: TextStyle(
                  fontSize: 28, fontWeight: FontWeight.w700, color: Colors.white)),
              ),
              const Text('Deine Musik. Deine Art.', style: TextStyle(fontSize: 12, color: MeloTheme.textSekundaer)),
            ],
          ),
          Row(children: [
            _btn(Icons.download, onDownload),
            const SizedBox(width: 8),
            _btn(Icons.search, onSearch),
          ]),
        ],
      ),
    );
  }

  Widget _btn(IconData icon, VoidCallback onTap) {
    return Container(
      width: 40, height: 40,
      decoration: BoxDecoration(
        color: MeloTheme.dunkel1,
        borderRadius: BorderRadius.circular(12),
      ),
      child: IconButton(
        icon: Icon(icon, size: 18, color: MeloTheme.rot),
        onPressed: onTap,
      ),
    );
  }
}