import 'package:mobile.flutter.google_material.material2/google_material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      home: LongColumnContainer(),
    );
  }
}

class LongColumnContainer extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('A11y Repro App'),
      ),
      body: SingleChildScrollView(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: [
            SizedBox(
              height: 16,
            ),
            Icon(
              Icons.favorite,
              size: 14,
            ),
            SizedBox(
              height: 16,
            ),
            Text(
              'Page title',
              textAlign: TextAlign.center,
            ),
            SizedBox(
              height: 16,
            ),
            Text(
              'Page subtitle',
              textAlign: TextAlign.center,
            ),
            SizedBox(
              height: 20,
            ),
            Text(
              'Title1',
            ),
            cardCarousel(),
            SizedBox(
              height: 20,
            ),
            Text(
              'Title2',
            ),
            SizedBox(height: 16),
            Text(
              'subtitle2',
            ),
            SizedBox(height: 16),
            cardCarousel(),
            SizedBox(
              height: 20,
            ),
            Icon(
              Icons.favorite,
              size: 100,
            ),
            SizedBox(
              height: 20,
            ),
            Text(
              'end of carousel',
              textAlign: TextAlign.center,
            ),
            Icon(
              Icons.favorite,
              size: 100,
            ),
            SizedBox(
              height: 20,
            ),
            Text(
              'end of page',
              textAlign: TextAlign.center,
            ),
            SizedBox(
              height: 20,
            ),
          ],
        ),
      ),
      drawer: Drawer(child: Text('drawer tile')),
    );
  }
}

Widget cardCarousel() {
  return SingleChildScrollView(
    scrollDirection: Axis.horizontal,
    child: IntrinsicHeight(
      child: Padding(
        padding: EdgeInsets.symmetric(horizontal: 14),
        child: Row(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: [
            card(Icons.favorite, 'calendar', 'some small text'),
            SizedBox(width: 10),
          ],
        ),
      ),
    ),
  );
}

Widget card(IconData iconData, String title, String body) {
  return Semantics(
    container: true,
    explicitChildNodes: true,
    child: Container(
      width: 304,
      foregroundDecoration: BoxDecoration(
          borderRadius: BorderRadius.circular(8),
          border: Border.all(color: Colors.red)),
      child: ClipRRect(
        borderRadius: BorderRadius.circular(8),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: [
            SizedBox(
              height: 210,
              child: Icon(
                iconData,
                size: 200,
              ),
            ),
            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 24),
              child: Column(
                mainAxisSize: MainAxisSize.min,
                crossAxisAlignment: CrossAxisAlignment.stretch,
                children: [
                  Text(
                    title,
                  ),
                  SizedBox(
                    height: 8,
                  ),
                  Text(
                    body,
                  ),
                ],
              ),
            ),
            Container(
              padding: const EdgeInsetsDirectional.fromSTEB(16, 0, 16, 24),
              alignment: Alignment.centerLeft,
              child: Text('View details'),
            ),
          ],
        ),
      ),
    ),
  );
}