import 'package:flutter/material.dart';

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

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

  static const _data = [
    DropdownMenuItem(value: 1, child: Text('light')),
    DropdownMenuItem(value: 2, child: Text('dark')),
  ];

  static const _padding = EdgeInsets.symmetric(horizontal: 24);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: SizedBox(
            width: 250,
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                const Text('alignedDropdown: false, prefixIcon: yes'),
                const SizedBox(height: 5),
                ButtonTheme(
                  alignedDropdown: false,
                  child: DropdownButtonFormField<int>(
                    value: 1,
                    decoration: const InputDecoration(
                      border: OutlineInputBorder(),
                      label: Text('Theme'),
                      contentPadding: _padding,
                      prefixIcon: Icon(Icons.star_rate),
                    ),
                    items: _data,
                    onChanged: (value) {},
                  ),
                ),
                const SizedBox(height: 10),
                const Text('alignedDropdown: false, prefixIcon: no'),
                const SizedBox(height: 5),
                ButtonTheme(
                  alignedDropdown: false,
                  child: DropdownButtonFormField<int>(
                    value: 1,
                    decoration: const InputDecoration(
                      border: OutlineInputBorder(),
                      label: Text('Theme'),
                      contentPadding: _padding,
                    ),
                    items: _data,
                    onChanged: (value) {},
                  ),
                ),
                const SizedBox(height: 10),
                const Text('alignedDropdown: true, prefixIcon: yes'),
                const SizedBox(height: 5),
                ButtonTheme(
                  alignedDropdown: true,
                  child: DropdownButtonFormField<int>(
                    value: 1,
                    decoration: const InputDecoration(
                      border: OutlineInputBorder(),
                      label: Text('Theme'),
                      contentPadding: _padding,
                      prefixIcon: Icon(Icons.star_rate),
                    ),
                    items: _data,
                    onChanged: (value) {},
                  ),
                ),
                const SizedBox(height: 10),
                const Text('alignedDropdown: true, prefixIcon: no'),
                const SizedBox(height: 5),
                ButtonTheme(
                  alignedDropdown: true,
                  child: DropdownButtonFormField<int>(
                    value: 1,
                    decoration: const InputDecoration(
                      border: OutlineInputBorder(),
                      label: Text('Theme'),
                      contentPadding: _padding,
                    ),
                    items: _data,
                    onChanged: (value) {},
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}