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(
      home: Scaffold(
        appBar: AppBar(
          title: Text(arStrings[0]),
        ),
        body: Builder(builder: (context) {
          return InkWell(
              onTap: () {
                showDialog(
                  context: context,
                  builder: (context) {
                    return AlertDialog(
                      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
                      title: Center(child: Text(arStrings[1])),
                      actionsAlignment: MainAxisAlignment.center,
                      actionsPadding: const EdgeInsets.all(15),
                      titleTextStyle:
                          Theme.of(context).textTheme.titleLarge?.copyWith(fontWeight: FontWeight.bold),
                      content: Text(arStrings[2]),
                      contentTextStyle: Theme.of(context).textTheme.titleMedium,
                    );
                  },
                );
              },
              child: Container(
                padding: const EdgeInsets.all(20),
                child: Center(
                  child: Column(
                    children: [
                      Text(
                        "English Text",
                        // style: const TextStyle(fontWeight: FontWeight.w600),
                        style: Theme.of(context)
                            .textTheme //
                            .titleLarge //
                            ?.copyWith(fontWeight: FontWeight.w900),
                      ),
                      const SizedBox(height: 20),
                      Text(
                        arStrings[1],
                        // toggling this line breaks all text!
                        // style: const TextStyle(fontWeight: FontWeight.w600),
                        // toggling this line fixes it!
                        // but neglects the font weight
                        // style: Theme.of(context)
                        //     .textTheme //
                        //     .titleLarge //
                        //     ?.copyWith(fontWeight: FontWeight.w900),
                      ),
                      const SizedBox(height: 20),
                      Text(
                        arStrings[2],
                        // toggling this line breaks it!
                        // style: const TextStyle(fontWeight: FontWeight.w600),
                        // toggling this line fixes it!
                        // style: Theme.of(context).textTheme.titleMedium,
                      ),
                    ],
                  ),
                ),
              ));
        }),
      ),
    );
  }
}

final arStrings = [
  "الرئيسية",
  "تسجيل الخروج ",
  "هل أنت متأكد أنك تريد تسجيل الخروج",
];