import 'package:flutter/material.dart';
import 'package:mtcore/markettakers.dart';
import 'package:talker_flutter/talker_flutter.dart';

class AboutScreen extends StatelessWidget {
  final String decription;
  final List<Widget> children;
  const AboutScreen({
    super.key,
    required this.decription,
    this.children = const [],
  });

  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.center,
      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
      children: [
        Flexible(flex: 2, child: Loader.playing(flavour: LoaderFlavour.big)),
        Flexible(
          flex: 1,
          child: Text(
            decription,
            textAlign: TextAlign.center,
            style: TextStyle(fontSize: 16, color: Colors.grey[500]),
          ),
        ),

        Expanded(
          child: Align(
            alignment: Alignment.bottomCenter,
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.center,
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              mainAxisSize: MainAxisSize.max,
              children: [
                Credits(),

                Footer(children: children),
                const Text("MarketTakers (c) 2025"),
              ],
            ),
          ),
        ),
      ],
    );
  }
}

class Footer extends StatelessWidget {
  const Footer({super.key, required this.children});

  final List<Widget> children;

  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.center,
      crossAxisAlignment: CrossAxisAlignment.center,
      children: [
        OutlinedButton(
          onPressed: () {
            Navigator.of(context).push(
              MaterialPageRoute(
                builder: (context) => TalkerScreen(talker: talker),
              ),
            );
          },
          child: const Text("View Logs"),
        ),
        ...children,
      ],
    );
  }
}