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: [
            Expanded(
              child: title!,
            ),
            if (body != null)
              Expanded(
                flex: 2,
                child: Wrap(
                  spacing: 15, // Adjust the spacing as needed
                  children: body!,
                ),
              ),
            Row(
              children: [
                const SizedBox(
                  width: 10,
                ),
                const 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,
                ),
                Text(
                  'mohamamd alnemer ',
                  style: Theme.of(context).textTheme.bodyLarge,
                ),
              ],
            )
          ],
        ),
      ),
    );
  }
}