import 'package:flutter/material.dart';

void main() => runApp(const MaterialApp(
      home: ExerciseOne(),
    ));

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey[900],
      appBar: AppBar(
        backgroundColor: Colors.grey[850],
        foregroundColor: Colors.white,
        title: const Text('Ninja ID Card'),
        centerTitle: true,
        elevation: 0.0,
      ),
      body: Padding(
        padding: const EdgeInsets.fromLTRB(20, 0, 20, 0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.start,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            SizedBox(
              height: 150,
              child: Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Image.network("https://api.multiavatar.com/Binx Bond.png",  // CircleAvatar para imagen circulares
                      width: 90.0, height: 90.0)
                ],
              ),
            ),
            Divider(
              height: 60.0,
              color: Colors.grey[800],
            ),
            const SizedBox(
              height: 100,
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    'NAME',
                    style: TextStyle(color: Colors.grey),
                  ),
                  Text(
                    'Paula Pereyra',
                    style: TextStyle(
                        color: Colors.amber,
                        fontWeight: FontWeight.bold,
                        fontSize: 25.00),
                  )
                ],
              ),
            ),
            const SizedBox(
              height: 100,
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    'CURRENT NINJA LEVEL',
                    style: TextStyle(color: Colors.grey),
                  ),
                  Text(
                    '8',
                    style: TextStyle(
                        color: Colors.amber,
                        fontWeight: FontWeight.bold,
                        fontSize: 25.00),
                  )
                ],
              ),
            ),
            const SizedBox(
              child: Row(
                mainAxisAlignment: MainAxisAlignment.start,
                children: [
                  Icon(
                    Icons.email,
                    color: Colors.grey,
                  ),
                  SizedBox( width: 10.0, ),
                  Text(
                    'paulapereyra@gmail.com',
                    style: TextStyle(color: Colors.grey)
                  )
                ],
              ),
            )
          ],
        ),
      ),
    );
  }
}