import 'package:flutter/material.dart';
import 'package:flutter_test_app/domain/models/card.dart';

class DetailsPage extends StatelessWidget {
  final CardData data;

  const DetailsPage(this.data, {super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Padding(
        padding: const EdgeInsets.all(20),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Center(
              child: SizedBox(
              height: 160,
                width: double.infinity,
                child: Stack(
                  children: [
                    Positioned.fill(
                      child: Image.network(
                        data.imageUrl ?? '',
                        fit: BoxFit.contain,
                        errorBuilder: (_, __, ___) => const Placeholder(),
                      ),
                    ),
                  ],
                ),
              ),
            ),
            const SizedBox(height: 20),
            Text(data.text.toString(),
                style:
                const TextStyle(fontSize: 24, fontWeight: FontWeight.bold)),
            const SizedBox(height: 10),
            Text(data.descriptionText.toString(),
                style: const TextStyle(fontSize: 22, color: Colors.black87)),
          ],
        ),
      ),
    );
  }
}