import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'VoiceOver Bug Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      builder: (context, child) {
        // Simulating the structure from simpleclub app:
        // Material -> Overlay -> OverlayEntry -> AsyncThemeWrapper -> child
        return Material(
          child: Overlay(
            initialEntries: [
              OverlayEntry(
                builder: (context) {
                  return Theme(
                    data: Theme.of(context).copyWith(
                      extensions: [ProductColorExtension(color: Colors.purple)],
                    ),
                    child: child!,
                  );
                },
              ),
            ],
          ),
        );
      },
      home: ContentPage(),
    );
  }
}

/// Simple theme extension to simulate ProductColorThemeExtension
class ProductColorExtension extends ThemeExtension<ProductColorExtension> {
  const ProductColorExtension({required this.color});

  final Color color;

  @override
  ProductColorExtension copyWith({Color? color}) {
    return ProductColorExtension(color: color ?? this.color);
  }

  @override
  ProductColorExtension lerp(ProductColorExtension? other, double t) {
    if (other is! ProductColorExtension) return this;
    return ProductColorExtension(
      color: Color.lerp(color, other.color, t) ?? color,
    );
  }
}

class ContentPage extends StatelessWidget {
  const ContentPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.red.shade100,

        title: Text(
          'With Theme extension (BROKEN!)',
          style: TextStyle(
            fontWeight: FontWeight.bold,
            color: Colors.red.shade900,
          ),
        ),
      ),
      body: CustomScrollView(
        slivers: [
          SliverToBoxAdapter(
            child: Padding(
              padding: const EdgeInsets.all(24.0),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  const Text(
                    'This text should be readable by VoiceOver. '
                    'If you cannot hear this text when navigating with VoiceOver, '
                    'the bug is present.',
                    style: TextStyle(fontSize: 16),
                  ),
                  const SizedBox(height: 16),
                  TextField(
                    decoration: InputDecoration(
                      hintText: 'This text field should be accessible...',
                      border: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(12),
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }
}