import 'package:flutter/material.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return Transform.scale(
      scale: 1.0,
      child: MaterialApp(
        title: 'Material App',
        theme: ThemeData.dark().copyWith(visualDensity: VisualDensity.standard),
        home: const Home(),
      ),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Container(
          padding: const EdgeInsets.all(16.0),
          width: 400,
          child: Column(
            mainAxisSize: MainAxisSize.min,
            spacing: 8.0,
            children: [
              Container(
                height: 16.0,
                color: Colors.grey[700],
                child: Row(
                  children: [
                    Container(color: Colors.deepOrangeAccent, width: 12.0),
                    Container(color: Colors.orangeAccent, width: 24.0),
                    Container(color: Colors.deepOrangeAccent, width: 12.0),
                    Container(color: Colors.yellow, width: 4.0),
                  ],
                ),
              ),
              TextField(
                controller: TextEditingController(text: 'TextField with prefix icon'),
                decoration: const InputDecoration(
                  filled: true,
                  labelText: 'For reference',
                  prefixIcon: Icon(Icons.check_box_rounded),
                ),
              ),
              Container(
                height: 16.0,
                color: Colors.grey[700],
                child: Row(
                  children: [
                    Container(color: Colors.deepOrangeAccent, width: 12.0),
                    Container(color: Colors.orangeAccent, width: 24.0),
                    Container(color: Colors.deepOrangeAccent, width: 12.0),
                    Container(color: Colors.yellow, width: 4.0),
                  ],
                ),
              ),
              const DropdownMenu<String>(
                expandedInsets: EdgeInsets.zero,
                leadingIcon: Icon(Icons.check_box_rounded),
                dropdownMenuEntries: [
                  DropdownMenuEntry(
                    label: 'Item with leading icon',
                    value: '1',
                    leadingIcon: Icon(Icons.check_box_rounded),
                  ),
                  DropdownMenuEntry(label: 'Item 2', value: '2'),
                ],
                label: Text('DropdownMenu with icon'),
                inputDecorationTheme: InputDecorationTheme(filled: true),
              ),
            ],
          ),
        ),
      ),
    );
  }
}