import 'package:flutter/material.dart';

import '../../model/word.dart';
import 'components/words_screen.dart';


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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SingleChildScrollView(
          child: Column(
            children: [
              Image(
                image: AssetImage('assets/Logo/LogoHome.png'),
              ),
              Row(children: [
                Text('TO', style: TextStyle(fontSize: 30, color: Colors.grey[800])),
                Text('--->', style: TextStyle(fontSize: 30, color: Colors.grey[800])),
                Text('DO', style: TextStyle(fontSize: 30, color: Colors.grey[800])),
              ]),
              const SizedBox(height: 20),
              TextField(
                keyboardType: TextInputType.multiline,
                maxLines: null,
                style: TextStyle(fontSize: 20, color: Colors.grey[800]),
                decoration: InputDecoration(
                  hintText: 'Parola Italiana',
                  hintStyle: TextStyle(fontSize: 20)
                ),
              ),
              const SizedBox(height: 20),
              ElevatedButton(
                  onPressed: () {

                  },
                  child: const Text('Traduci'),
                  style: ElevatedButton.styleFrom(
                  backgroundColor: Colors.orange,
                  padding: EdgeInsets.symmetric(horizontal: 50, vertical: 20),
                  textStyle: TextStyle(
                      fontSize: 15,
                      fontWeight: FontWeight.bold)),
              ),
              const SizedBox(height: 30),
              WordsScreen(),
              //Text('ToDo', style: TextStyle(fontSize: 30, color: Colors.grey[800]))
            ],
          ),
        ),
    );
  }
}