charityBox function

Implementation

Container charityBox(
    String image, String title, String subTitle, BuildContext context) {
  return Container(
    padding: EdgeInsets.symmetric(
        vertical: 15, horizontal: context.isMobile ? 13 : 16),
    // height: 86,
    width: context.isMobile ? 191 : 226,
    decoration: BoxDecoration(
      color: ColorHelper.primaryColor3,
      borderRadius: BorderRadius.circular(16),
    ),
    child: Row(
      crossAxisAlignment: CrossAxisAlignment.center,
      mainAxisAlignment: MainAxisAlignment.start,
      children: [
        SvgPicture.asset(
          'assets/home/$image.svg',
          width: 19,
          height: 20,
        ),
        const SizedBox(
          width: 9,
        ),
        Column(
          mainAxisAlignment: MainAxisAlignment.start,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text(
              title,
              textAlign: TextAlign.center,
              style: TextStyle(
                fontSize: context.isMobile ? 20 : 24,
                fontWeight: FontWeight.w700,
                color: ColorHelper.white,
                fontFamily: "SFProDisplay",
              ),
            ),
            const SizedBox(
              height: 5,
            ),
            Text(
              subTitle,
              textAlign: TextAlign.center,
              style: TextStyle(
                fontSize: context.isMobile ? 14 : 16,
                fontWeight: FontWeight.w400,
                color: ColorHelper.white,
                fontFamily: "SFProDisplay",
              ),
            ),
          ],
        ),
      ],
    ),
  );
}