import 'package:flutter/material.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Twitter Clone',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const HomePage(),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Twitter', style: TextStyle(color: Colors.white)),
        backgroundColor: Colors.blue,
        actions: [
          Container(
            margin: const EdgeInsets.all(8.0),
            padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
          )
        ],
      ),
      body: Column(
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceAround,
            children: const [
              Text('Nouveau', style: TextStyle(color: Colors.blue, fontWeight: FontWeight.bold)),
              Text('Accueil', style: TextStyle(color: Colors.blue, fontWeight: FontWeight.bold)),
              Text('Rechercher', style: TextStyle(color: Colors.blue, fontWeight: FontWeight.bold)),
            ],
          ),
          const Divider(),
          ListTile(
            leading: Image.asset('assets/laptop.png', width: 50, height: 50, fit: BoxFit.cover),
            title: const Text('LaCrevette@Chocolate', style: TextStyle(fontWeight: FontWeight.bold)),
            subtitle: const Text(
              'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt ligula vel interdum aliquet.',
            ),
            trailing: const Text('50s', style: TextStyle(color: Colors.grey)),
          ),
          const SizedBox(height: 10),
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceAround,
            children: const [
              Text('Répondre', style: TextStyle(color: Colors.grey)),
              Text('Retweet', style: TextStyle(color: Colors.grey)),
              Text('Favoris', style: TextStyle(color: Colors.grey)),
            ],
          ),
          const Spacer(),
          BottomNavigationBar(
            currentIndex: 0,
            selectedItemColor: Colors.blue,
            unselectedItemColor: Colors.grey,
            items: const [
              BottomNavigationBarItem(icon: Icon(Icons.home), label: 'Fil'),
              BottomNavigationBarItem(icon: Icon(Icons.notifications), label: 'Notification'),
              BottomNavigationBarItem(icon: Icon(Icons.message), label: 'Messages'),
              BottomNavigationBarItem(icon: Icon(Icons.person), label: 'Moi'),
            ],
          )
        ],
      ),
    );
  }
}