import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:ocbo_esign_mobile/widgets/text_widget.dart';

class LoginBoxWidget extends StatelessWidget {
  final String title;
  final Widget content;

  const LoginBoxWidget({super.key, required this.title, required this.content});

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.all(16),
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(8),
        color: Color.fromRGBO(16, 22, 28, 0.584),
        border: Border.all(color: const Color.fromRGBO(41, 60, 78, 0.914)),
      ),
      width: MediaQuery.of(context).size.width - 30,
      // height: MediaQuery.of(context).size.height / 2.2,
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          if (title.isNotEmpty)
            Column(
              children: [
                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [TextWidget(text: title, bold: true, size: 24)],
                ),
                const Gap(16),
              ],
            ),
          Padding(padding: const EdgeInsets.all(16), child: content),
        ],
      ),
    );
  }
}