import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

class ServiceHeadBlock extends StatelessWidget {
  const ServiceHeadBlock({super.key});

  @override
  Widget build(BuildContext context) {
    return Stack(
      clipBehavior: Clip.none,
      children: [
        Positioned(
          left: -28.w,
          right: -28.w,
          top: 0,
          child: Container(
            height: 150.h,
            color: Colors.white,
          ),
        ),
        Container(
          height: 150.h,
          padding: EdgeInsets.only(top: ScreenUtil().statusBarHeight),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Text(
                '客房服务看板',
                style: TextStyle(
                  fontSize: 32.sp,
                  fontWeight: FontWeight.bold,
                  color: const Color.fromRGBO(0, 0, 0, 1),
                ),
              ),
              Container(
                width: 64.w,
                height: 64.h,
                alignment: Alignment.center,
                decoration: BoxDecoration(
                  color: const Color.fromRGBO(229, 241, 255, 1),
                  shape: BoxShape.circle,
                  border: Border.all(
                    color: const Color.fromRGBO(73, 149, 234, 1),
                    width: 2.w,
                  ),
                ),
                child: Container(
                  width: 40.w,
                  height: 40.h,
                  decoration: const BoxDecoration(
                    color: Color.fromRGBO(73, 149, 234, 1),
                    shape: BoxShape.circle,
                  ),
                  child: Icon(
                    Icons.person,
                    color: Colors.white,
                    size: 28.sp,
                  ),
                ),
              ),
            ],
          ),
        ),
      ],
    );
  }

}
