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

class PageAppbar extends StatelessWidget implements PreferredSizeWidget {

  final Color? backgroundColor;
  final Color? color;
  final bool? bottom;
  final String title;
  final Widget? right;
  const PageAppbar({super.key, required this.title, this.backgroundColor, this.color, this.right, this.bottom});

  @override
  Widget build(BuildContext context) {
    return AppBar(
      backgroundColor: backgroundColor ?? const Color.fromRGBO(255, 255, 255, 1),
      surfaceTintColor: backgroundColor ?? const Color.fromRGBO(255, 255, 255, 1),
      centerTitle: true,
      foregroundColor: color,
      actions: right != null ? [right ?? Container()] : null,
      title: Text(
        title,
        style: TextStyle(
            fontSize: 18,
            fontWeight: FontWeight.bold,
            color: color ?? const Color.fromRGBO(51, 51, 51, 1)
        ),
      ),
      bottom: (bottom != null && bottom!) ? PreferredSize(
        preferredSize: Size.fromHeight(0.5),
        child: Container(
          color: Colors.grey[300],
          height: 0.5,
        ),
      ) : null,
    );
  }
  @override
  Size get preferredSize => const Size.fromHeight(kToolbarHeight);
}