import 'package:flutter/material.dart';

class CharacterInfo extends StatelessWidget {
  final String nama;
  final String kelamin;
  final String asal;
  final String content;

  const CharacterInfo({
    super.key,
    required this.nama,
    required this.kelamin,
    required this.asal,
    required this.content,
  });

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Row(
          children: [
            SizedBox(
              width: 120,
              child: Text(
                "Nama Karakter",
                style: const TextStyle(
                  letterSpacing: 0.2,
                  fontSize: 16,
                  fontWeight: FontWeight.bold,
                  color: Colors.black,
                ),
              ),
            ),
            SizedBox(width: 5),
            Text(
              ":",
              style: const TextStyle(
                letterSpacing: 0.2,
                fontSize: 16,
                fontWeight: FontWeight.bold,
                color: Colors.black,
              ),
            ),
            SizedBox(width: 5),
            Text(
              nama,
              style: const TextStyle(
                letterSpacing: 0.2,
                fontSize: 16,
                fontWeight: FontWeight.bold,
                color: Colors.black,
              ),
            ),
          ],
        ),
        Row(
          children: [
            SizedBox(
              width: 120,
              child: Text(
                "Jenis Kelamin",
                style: const TextStyle(
                  letterSpacing: 0.2,
                  fontSize: 16,
                  fontWeight: FontWeight.bold,
                  color: Colors.black,
                ),
              ),
            ),
            SizedBox(width: 5),
            Text(
              ":",
              style: const TextStyle(
                letterSpacing: 0.2,
                fontSize: 16,
                fontWeight: FontWeight.bold,
                color: Colors.black,
              ),
            ),
            SizedBox(width: 5),
            Text(
              kelamin,
              style: const TextStyle(
                letterSpacing: 0.2,
                fontSize: 16,
                fontWeight: FontWeight.bold,
                color: Colors.black,
              ),
            ),
          ],
        ),
        Row(
          children: [
            SizedBox(
              width: 120,
              child: Text(
                "Asal Karakter",
                style: const TextStyle(
                  letterSpacing: 0.2,
                  fontSize: 16,
                  fontWeight: FontWeight.bold,
                  color: Colors.black,
                ),
              ),
            ),
            SizedBox(width: 5),
            Text(
              ":",
              style: const TextStyle(
                letterSpacing: 0.2,
                fontSize: 16,
                fontWeight: FontWeight.bold,
                color: Colors.black,
              ),
            ),
            SizedBox(width: 5),
            Text(
              asal,
              style: const TextStyle(
                letterSpacing: 0.2,
                fontSize: 16,
                fontWeight: FontWeight.bold,
                color: Colors.black,
              ),
            ),
          ],
        ),
        SizedBox(height: 20),
        Text(
          content,
          style: const TextStyle(
            letterSpacing: 0.2,
            fontSize: 16,
            fontWeight: FontWeight.normal,
            color: Colors.black,
          ),
        ),
      ],
    );
  }
}