import 'package:flutter/material.dart';

const List<String> fruits = <String>['Mango', 'Apple', 'Banana', 'Strawberry'];

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

class MyApp extends StatelessWidget {
  const MyApp({super.key, this.dark = false, this.useMaterial3 = true});

  final bool dark;
  final bool useMaterial3;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      themeMode: dark ? ThemeMode.dark : ThemeMode.light,
      theme: ThemeData(
        useMaterial3: useMaterial3,
        brightness: Brightness.light,
        colorSchemeSeed: const Color(0xff6750a4),
      ),
      darkTheme: ThemeData(
        useMaterial3: useMaterial3,
        brightness: Brightness.dark,
        colorSchemeSeed: const Color(0xff6750a4),
      ),
      home: const DropdownFormFieldSample(),
    );
  }
}

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

  @override
  State<DropdownFormFieldSample> createState() =>
      _DropdownFormFieldSampleState();
}

class _DropdownFormFieldSampleState extends State<DropdownFormFieldSample> {
  String? _dropdownbuttonFormValue = fruits.first;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('DropdownButton Sample'),
      ),
      body: Center(
        child: Padding(
          padding: const EdgeInsets.all(8.0),
          child: DropdownButtonFormField<String>(
            borderRadius: BorderRadius.circular(30),
            decoration: InputDecoration(
              border: OutlineInputBorder(
                borderRadius: BorderRadius.circular(30),
              ),
              labelText: 'Select a fruit',
            ),
            value: _dropdownbuttonFormValue,
            items: fruits
                .map<DropdownMenuItem<String>>(
                  (String value) => DropdownMenuItem<String>(
                    value: value,
                    child: Text(value),
                  ),
                )
                .toList(),
            onChanged: (String? value) =>
                setState(() => _dropdownbuttonFormValue = value),
          ),
        ),
      ),
    );
  }
}