syncrow-web/lib/web_layout/web_app_bar.dart

import 'package:flutter/material.dart';
import 'package:syncrow_web/utils/color_manager.dart';

class WebAppBar extends StatelessWidget {
 final Widget? title;
 final List<Widget>? body;
  const WebAppBar({super.key,this.title,this.body});

  @override
  Widget build(BuildContext context) {
    return Container(
      height: 120,
      decoration:   const BoxDecoration(color:ColorsManager.secondaryColor ),
      padding: const EdgeInsets.all(10),
      child: Expanded(
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            SizedBox(width: 40,),
            Expanded(
                child: title!
                // Text(
                //   title!,style: const TextStyle(
                //     fontSize: 30,
                //     color: Colors.white),)
             ),
            if (body != null)
              Expanded(
                flex: 2,
                child: Wrap(
                  spacing: 15, // Adjust the spacing as needed
                  children: body!,
                ),
              ),
            const Row(
              children: [
               SizedBox(width: 10,), 
               SizedBox.square(
                 dimension: 40,
                 child: CircleAvatar(
                   backgroundColor: Colors.white,
                   child: SizedBox.square(
                     dimension: 35,
                     child: CircleAvatar(
                       backgroundColor: Colors.grey,
                       child: FlutterLogo(),
                     ),
                   ),
                 ),
               ),
                const SizedBox(width: 10,),
                const Text('mohamamd alnemer ',style: TextStyle(fontSize: 16,color: Colors.white),),
                Icon(Icons.arrow_drop_down,color: ColorsManager.whiteColors,),
                SizedBox(width: 40,)
              ],
            )
          ],
        ),
      ) ,
    );
  }
}