lib/pages/home/widgets/home_vidoe_item.dart

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:wow_english/common/extension/string_extension.dart';
import 'package:wow_english/common/widgets/ow_image_widget.dart';
import 'package:wow_english/models/course_entity.dart';
import 'package:wow_english/utils/color_util.dart';
class HomeVideoItem extends StatelessWidget {
  const HomeVideoItem({super.key, this.lessons, this.themColor});
  final String? themColor;
  final CourseCourseLessons? lessons;
  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.symmetric(horizontal: 12.w,vertical: 24.h),
      child: Container(
        width: 165.w,
        padding: EdgeInsets.symmetric(horizontal: 16.w,vertical: 24.h),
        decoration: BoxDecoration(
          image: DecorationImage(
            image: AssetImage('gendubeij'.assetPng),
            fit: BoxFit.fill
          ),
        ),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Expanded(
                child: Container(
                  decoration: BoxDecoration(
                      border: Border.all(
                        width: 2,
                        color: const Color(0xFF140C10),
                      ),
                      borderRadius: BorderRadius.circular(6)
                  ),
                  child: OwImageWidget(
                    name: lessons?.coverUrl??'',
                    fit: BoxFit.fitHeight,
                  ),
                )),
            24.verticalSpace,
            Container(
              decoration: BoxDecoration(
                  border: Border.all(
                    width: 2,
                    color: const Color(0xFF140C10),
                  ),
                  color: HexColor(themColor??''),
                  borderRadius: BorderRadius.circular(6)
              ),
              padding: EdgeInsets.symmetric(horizontal: 10.w),
              child: Text(
                lessons?.name??'',
                style: TextStyle(
                    fontSize: 25.sp,
                    color: const Color(0xFF333333)
                ),
              ),
            )
          ],
        ),
      ),
    );
  }
}