import 'package:fikoyt_ui/fikoyt_ui.dart';
import 'package:flutter/material.dart';

class HeaderWidget extends StatelessWidget {
  HeaderWidget({
    super.key,
    this.ovalResimUrl,
    this.ovalResimTiklandi,
    this.baslik,
    this.altBaslik,
    this.ovalResimTheme,
    this.baslikTheme,
    this.altBaslikTheme,
  });
  String? ovalResimUrl = "";
  void Function()? ovalResimTiklandi;
  FikoYTOvalResimTheme? ovalResimTheme;
  String? baslik;
  FikoYTButtonTheme? baslikTheme;
  String? altBaslik;
  FikoYTButtonTheme? altBaslikTheme;
  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        Column(
          children: [
            const SizedBox(height: kToolbarHeight),
            FikoytOvalResim(
              resimUrl: ovalResimUrl ?? "🏠",
              tema: ovalResimTheme ?? Theme.of(context).extension<FikoYTOvalResimTheme>(),
              // ??
              // FikoYTOvalResimTheme(borderColor: Colors.blue, radius: 48)
              onPressed: ovalResimTiklandi,
            ).animate(delay: Duration(milliseconds: 500), effects: [FadeEffect(), MoveEffect()]),

            Visibility(
              visible: baslik != null,
              child: FikoYTButton(
                text: baslik,
                tema: baslikTheme ?? Theme.of(context).extension<FikoYTButtonTheme>(),
                // ??
                // FikoYTButtonTheme(textColor: Colors.black, fontWeight: FontWeight.w700, fontSize: 18),
              ).animate(delay: Duration(milliseconds: 750), effects: [FadeEffect(), MoveEffect()]),
            ),
            Visibility(
              visible: altBaslik != null,
              child: FikoYTButton(
                text: altBaslik,
                tema: altBaslikTheme ?? Theme.of(context).extension<FikoYTButtonTheme>(),
                // ??
                // FikoYTButtonTheme(
                //   textColor: Colors.black38,
                //   fontWeight: FontWeight.normal,
                //   fontSize: 12,
                //   textAlign: TextAlign.center,
                // ),
              ),
            ).animate(delay: Duration(milliseconds: 1000), effects: [FadeEffect(), MoveEffect(begin: Offset(0, 30))]),
          ],
        ),
      ],
    );
  }
}