import 'package:flutter/material.dart';

class BasketItemCard extends StatelessWidget {
  final String name;
  final String price;
  final String id;
  final Image image;
  final VoidCallback onTap;

  const BasketItemCard({
    super.key,
    required this.name,
    required this.price,
    required this.id,
    required this.image,
    required this.onTap,
  });

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding:
          const EdgeInsetsDirectional.symmetric(horizontal: 10, vertical: 10),
      child: ConstrainedBox(
        constraints: const BoxConstraints(
          minHeight: 100,
          maxHeight: 200,
          minWidth: 400,
          maxWidth: 600,
        ),
        child: Card(
          elevation: 4,
          color: const Color(0xFFF2F3F9),
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(30),
          ),
          child: Padding(
            padding: const EdgeInsetsDirectional.symmetric(horizontal: 20),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Row(
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: [
                    image,
                    const SizedBox(width: 20),
                    Column(
                      mainAxisSize: MainAxisSize.min,
                      children: [
                        Text(
                          name,
                          style: Theme.of(context).textTheme.bodyLarge,
                        ),
                        Text('\$$price'),
                      ],
                    )
                  ],
                ),
                IconButton(
                  onPressed: onTap,
                  icon: const Icon(Icons.close),
                )
              ],
            ),
          ),
        ),
      ),
    );
  }
}