import 'package:flutter/material.dart';

class CustomerPagebackgroundWidget extends StatelessWidget {
  final Widget child;
  final String? page;
  final double? height;

  const CustomerPagebackgroundWidget({
    super.key,
    required this.child,
    this.page,
    this.height,
  });

  @override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
      scrollDirection: Axis.vertical,
      child: Container(
          alignment: Alignment.center,
          height: height ?? MediaQuery.of(context).size.height + 200,
          decoration: BoxDecoration(
            image: DecorationImage(
              image: AssetImage(
                page == 'login'
                    ? 'assets/login_background.webp'
                    : page == 'register'
                        ? 'assets/register_background.webp'
                        : page == 'menu'
                            ? 'assets/menu_background.webp'
                            : 'assets/background.webp',
              ),
              fit: BoxFit.cover, // Ensures the background covers the entire container
              alignment: Alignment.center,
              opacity: 0.1, // Adjusts the opacity as needed
            ),
            gradient: RadialGradient(
              tileMode: TileMode.clamp,
              colors: [
                Color.fromRGBO(19, 8, 26, 1),
                Color.fromRGBO(43, 22, 60, 1),
              ],
            ),
          ),
          child: Center(
            child: Padding(
              padding: const EdgeInsets.symmetric(horizontal: 16),
              child: child,
            ),
          )),
    );
  }
}