import 'package:flutter/material.dart';

class LabSectionScaffold extends StatelessWidget {
  const LabSectionScaffold({
    super.key,
    required this.title,
    required this.eyebrow,
    required this.description,
    required this.children,
  });

  final String title;
  final String eyebrow;
  final String description;
  final List<Widget> children;

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);

    return Scaffold(
      appBar: AppBar(),
      body: DecoratedBox(
        decoration: const BoxDecoration(
          gradient: LinearGradient(
            begin: Alignment.topLeft,
            end: Alignment.bottomRight,
            colors: [Color(0xFFF3EDE0), Color(0xFFEFE7D7), Color(0xFFE1E8E1)],
          ),
        ),
        child: SafeArea(
          top: false,
          child: ListView(
            padding: const EdgeInsets.fromLTRB(20, 8, 20, 24),
            children: [
              Text(
                eyebrow,
                style: theme.textTheme.titleMedium?.copyWith(
                  color: theme.colorScheme.primary,
                  letterSpacing: 0.6,
                ),
              ),
              const SizedBox(height: 8),
              Text(title, style: theme.textTheme.displaySmall),
              const SizedBox(height: 12),
              Text(description, style: theme.textTheme.bodyLarge),
              const SizedBox(height: 20),
              ...children,
            ],
          ),
        ),
      ),
    );
  }
}