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

class CachedImage extends StatelessWidget {
  final String imageUrl;
  final double? width;
  final double? height;
  final BoxFit? fit;
  final BorderRadius? borderRadius;
  final Widget Function(BuildContext, String, dynamic)? errorWidget;
  final Widget Function(BuildContext, String)? placeholder;

  const CachedImage({
    Key? key,
    required this.imageUrl,
    this.width,
    this.height,
    this.fit,
    this.borderRadius,
    this.errorWidget,
    this.placeholder,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    Widget image = CachedNetworkImage(
      imageUrl: imageUrl,
      width: width,
      height: height,
      fit: fit ?? BoxFit.cover,
     
      placeholder: placeholder ?? (context, url) => Container(
        color: const Color(0xFF2C2C2C),
        // child: const Center(
        //   child: CircularProgressIndicator(
        //     color: Color(0xff7DDFA4),
        //   ),
        // ),
      ),
      errorWidget: errorWidget ?? (context, url, error) => Container(
        color: const Color(0xFF2C2C2C),
        child: const Center(
          child: Icon(
            Icons.error,
            color: Colors.white54,
          ),
        ),
      ),
    );

    if (borderRadius != null) {
      return ClipRRect(
        borderRadius: borderRadius!,
        child: image,
      );
    }

    return image;
  }
}