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

class MiniHesapKart extends StatefulWidget {
  const MiniHesapKart({super.key});

  @override
  _MiniHesapKartState createState() => _MiniHesapKartState();
}

class _MiniHesapKartState extends State<MiniHesapKart> {
  @override
  Widget build(BuildContext context) {
    return AnimatedContainer(
      constraints: const BoxConstraints(minWidth: 110, maxWidth: 110, minHeight: 30),
      duration: Duration(seconds: 1),
      decoration: BoxDecoration(
        color: Colors.blue.withValues(alpha: 300),
        shape: BoxShape.rectangle,
        borderRadius: const BorderRadius.all(Radius.circular(5)),
        border: Border.all(color: Colors.blue, width: 1),
        boxShadow: [
          BoxShadow(
            color: Colors.grey.withOpacity(0.5),
            spreadRadius: 1,
            blurRadius: 3,
            offset: const Offset(0, 1), // changes position of shadow
          ),
        ],
      ),
      margin: const EdgeInsets.all(2),
      // padding: const EdgeInsets.symmetric(vertical: 2, horizontal: 3),
      child: InkWell(
        splashColor: Colors.yellow,
        onTap: () {},
        child: Padding(
          padding: const EdgeInsets.symmetric(vertical: 2, horizontal: 3),
          child: Column(
            children: [
              const Text("💳", style: TextStyle(fontSize: 24)),
              Row(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Column(
                    crossAxisAlignment: CrossAxisAlignment.center,
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      FikoYTButton(
                        text: "Garanti Bankası",
                        tema: FikoYTButtonTheme(
                          fontSize: 10,
                          textColor: Colors.white,
                          textStrokeColor: Colors.transparent,
                          textStrokeWidth: 0,
                          textAlign: TextAlign.center,
                        ),
                        // textSize: 10,
                        // textColor: Colors.white,
                        // textStrokeColor: Colors.transparent,
                        // textStrokeWidth: 0,
                        // align: Alignment.center,
                      ),
                      AnimatedNumberFikoYTButton1(
                        text: 1200.0,
                        tema: FikoYTButtonTheme(
                          fontSize: 10,
                          textColor: Colors.white,
                          textStrokeColor: Colors.transparent,
                          textStrokeWidth: 0,
                          textAlign: TextAlign.left,
                        ),
                        // textSize: 10,
                        // textColor: Colors.white,
                        // textStrokeColor: Colors.transparent,
                        // textStrokeWidth: 0,
                        // align: Alignment.centerLeft,
                      ),
                    ],
                  ),
                ],
              ),
              Container(
                margin: const EdgeInsets.symmetric(vertical: 2),
                height: 4,
                decoration: BoxDecoration(
                  boxShadow: [
                    BoxShadow(
                      color: Colors.grey.withOpacity(0.5),
                      spreadRadius: 1,
                      blurRadius: 3,
                      offset: const Offset(0, 1), // changes position of shadow
                    ),
                  ],
                ),
                child: const LinearProgressIndicator(
                  value: 0.7,
                  borderRadius: BorderRadius.all(Radius.circular(4)),
                  valueColor: AlwaysStoppedAnimation<Color>(Color.fromARGB(255, 238, 255, 0)),
                  backgroundColor: Color(0xffD6D6D6),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}