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: AppBar(
        leading: IconButton(
          icon: Image.asset(
            'back_around'.assetPng,
            width: 40,
            height: 40,
          ),
          onPressed: () {
            onTap();
          },
        ),
        centerTitle: true,
        title: IntrinsicWidth(
          child: 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),
                ),
              ),
              child: Center(
                child: Text(
                  title,
                  style: TextStyle(
                      fontSize: 15.sp,
                      color: Colors.white
                  ),
                ),
              )
          ),
        )
      )
    );
  }
}