import 'package:flutter/material.dart';

class FikoYTAlert extends StatelessWidget {
  final String description;
  final String emojiSimge;
  const FikoYTAlert({super.key, this.description = "Açıklama Yok", this.emojiSimge = "👻"});

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        Padding(
          padding: const EdgeInsets.only(left: 24, right: 24, top: 15, bottom: 24),
          child: Stack(
            clipBehavior: Clip.none,
            children: <Widget>[
              Padding(
                padding: const EdgeInsets.only(top: 20),
                child: Container(
                  decoration: BoxDecoration(
                    color: Colors.blueAccent.shade100.withOpacity(0.2),
                    borderRadius: const BorderRadius.only(topLeft: Radius.circular(8.0), bottomLeft: Radius.circular(8.0), bottomRight: Radius.circular(8.0), topRight: Radius.circular(8.0)),
                    border: Border.all(color: Colors.blueAccent),
                    boxShadow: <BoxShadow>[
                      BoxShadow(
                        color: Colors.grey.withOpacity(0.2),
                        // offset: const Offset(0.9, 0.9),
                        offset: const Offset(3, 3),
                        spreadRadius: 5,
                        blurRadius: 10.0,
                      ),
                    ],
                  ),
                  child: Padding(
                    padding: const EdgeInsets.only(left: 46, bottom: 12, right: 16, top: 12),
                    child: Column(
                      children: <Widget>[
                        Text(
                          description,
                          textAlign: TextAlign.left,
                          style: TextStyle(
                            fontWeight: FontWeight.w500,
                            fontSize: 12,
                            letterSpacing: 0.0,
                            color: Colors.blueAccent.shade700,
                          ),
                        ),
                        Align(
                          alignment: Alignment.centerRight,
                          child: TextButton(
                            // icon: const Text("💡"),
                            child: const Text(
                              "💡 Öneriler",
                              style: TextStyle(
                                color: Colors.blue,
                                fontWeight: FontWeight.bold,
                                fontSize: 12,
                              ),
                            ),
                            onPressed: () {},
                          ),
                        )
                      ],
                    ),
                  ),
                ),
              ),
              const Positioned(
                top: -10,
                left: 0,
                child: SizedBox(
                  width: 80,
                  height: 80,
                  child: Text(
                    "👻",
                    style: TextStyle(fontSize: 40),
                  ),
                ),
              )
            ],
          ),
        ),
      ],
    );
  }
}