import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:wow_english/common/extension/string_extension.dart';

class PracticeHeaderWidget extends StatelessWidget {
  const PracticeHeaderWidget({super.key, required this.onTap,this.title = ''});

  final Function() onTap;

  final String title;

  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.white,
      height: 60.h,
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          Padding(
            padding: EdgeInsets.only(
                left: ScreenUtil().bottomBarHeight
              ),
            child: IconButton(
                onPressed: (){
                  onTap();
                },
                icon: Image.asset(
                  'back_around'.assetPng,
                  width: 40,
                  height: 40,
                )),
          ),
          Container(
            height: 40.h,
            padding: EdgeInsets.symmetric(horizontal: 27.w),
            decoration: BoxDecoration(
              color: const Color(0xFF00B6F1),
              borderRadius: BorderRadius.circular(20.r),
              border: Border.all(
                width: 1.0,
                color: const Color(0xFF333333),
              ),
            ),
            alignment: Alignment.center,
            child: Text(
              title,
              style: TextStyle(
                  fontSize: 20.sp,
                  color: Colors.white
              ),
            ),
          ),
          ScreenUtil().bottomBarHeight.horizontalSpace,
        ],
      ),
    );
  }
}