content: import 'package:flutter/material.dart';
  import 'package:t_store/common/widgets/images/t_circular_image.dart';
  import 'package:t_store/utils/constraints/colors.dart';
  import 'package:t_store/utils/constraints/sizes.dart';
  import 'package:t_store/utils/helpers/helper_functions.dart';
  
  class TVerticalImageText extends StatelessWidget {
    const TVerticalImageText({
      super.key,
      required this.image,
      required this.title,
      this.textColor = TColors.white,
      this.backgroundColor,
      this.onTap,
      this.isNetworkImage = true,
    });
  
    final String image, title;
    final Color textColor;
    final Color? backgroundColor;
    final bool isNetworkImage;
    final void Function()? onTap;
  
    @override
    Widget build(BuildContext context) {
      final dark = THelperFunctions.isDarkMode(context);
      return GestureDetector(
        onTap: onTap,
        child: Padding(
          padding: const EdgeInsets.only(right: TSizes.spaceBtwItems),
          child: Column(
            children: [
              /// circular icon
              TCircularImage(
                  image: image,
               fit: BoxFit.fitWidth,
                padding: TSizes.sm * 1.4,
                isNetworkImage: isNetworkImage,
                backgroundColor: backgroundColor,
                overlayColor: dark ? TColors.light : TColors.dark,
              ),
  
              ///text
              const SizedBox(height: TSizes.spaceBtwItems / 2),
              SizedBox(
                  width: 55,
                  child: Text(
                    title,
                    style: Theme.of(context)
                        .textTheme
                        .labelMedium!
                        .apply(color: textColor),
                    maxLines: 1,
                    overflow: TextOverflow.ellipsis,
                  )),
            ],
          ),
        ),
      );
    }
  }