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: 'Handwerksapp',
      debugShowCheckedModeBanner: false,
      home: const HomePage(),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(
          "Handwerksapp",
          style: TextStyle(
            color: Colors.white,
          ),
        ),
        backgroundColor: Colors.deepPurple,
      ),
      body: Center (
        child: Column(
          children: [
            Text(
              "Logen sie sich bitte ein",
              style: TextStyle(
                color: Colors.white,
              ),
            ),
            
            SizedBox(height: 20),

            TextField(
              decoration: InputDecoration(
                labelText: 'E-mail',
                border: OutlineInputBorder(),
              ),
              style: TextStyle(
                color: Colors.white,
              ),
            ),
            SizedBox(height: 20),

            TextField(
              obscureText: true,
              decoration: InputDecoration(
                labelText: 'Passwort',
                border: OutlineInputBorder(),
              ),
              style: TextStyle(
                color: Colors.white,
              ),
            ),
            SizedBox(height: 20),

            ElevatedButton(
              onPressed: (){
                print("login gedrückt");
              },
              child: Text("Login"),
              ) 
          ],
        ),

      ),
      backgroundColor: const Color.fromARGB(255, 0, 0, 0),
    );
  }
}