import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const DialogTextSemantics(),
    );
  }
}

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

  @override
  State<DialogTextSemantics> createState() => _DialogTextSemanticsState();
}

class _DialogTextSemanticsState extends State<DialogTextSemantics> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            showDialog(
                context: context,
                builder: (bContext) {
                  return Material(
                    color: Colors.transparent,
                    child: Dialog(
                      shape: RoundedRectangleBorder(
                          borderRadius: BorderRadius.circular(4)),
                      child: SizedBox(
                        width: 800,
                        child: Padding(
                          padding: const EdgeInsets.all(16.0),
                          child: Column(
                            mainAxisSize: MainAxisSize.min,
                            children: [
                              Row(
                                children: [
                                  IconButton(
                                      onPressed: () {
                                        Navigator.of(bContext).pop();
                                      },
                                      icon:
                                          const Icon(Icons.arrow_back_rounded)),
                                  Expanded(
                                    // this below Semantics does help to identify the element using element selection
                                    child: Semantics(
                                      identifier: 'From Semantics',
                                      container: true,
                                      child: const Text(
                                        'I should have the Semantics',
                                        // this does not let the element identified using element selection
                                        // semanticsIdentifier:
                                        //     'From Text Parameter',
                                      ),
                                    ),
                                  ),
                                  IconButton(
                                      onPressed: () {
                                        Navigator.of(bContext).pop();
                                      },
                                      icon: const Icon(Icons.close_rounded)),
                                ],
                              ),
                            ],
                          ),
                        ),
                      ),
                    ),
                  );
                });
          },
          child: const Text('Click Here'),
        ),
      ),
    );
  }
}