import 'package:flutter/material.dart';

class GenderDropdown extends StatefulWidget {
  final TextEditingController controller;

  const GenderDropdown({super.key, required this.controller});

  @override
  State<GenderDropdown> createState() => _GenderDropdownState();
}

class _GenderDropdownState extends State<GenderDropdown> {
  late TextEditingController controller;

  @override
  void initState() {
    super.initState();
    controller = widget.controller;
  }

  @override
  Widget build(BuildContext context) {
    return InputDecorator(
      decoration: InputDecoration(
        border: OutlineInputBorder(
          borderRadius: BorderRadius.circular(10.0),
        ),
        prefixIcon: const Icon(Icons.groups),
        contentPadding: const EdgeInsets.symmetric(
          horizontal: 12.0,
          vertical: 7.0,
        ),
      ),
      child: DropdownButtonHideUnderline(
        child: DropdownButton<String>(
          isExpanded: true,
          value: controller.text == '' ? null : controller.text,
          hint: const Text(
            'Selecciona tu género',
            style: TextStyle(fontSize: 16.0),
          ),
          onChanged: (String? newValue) {
            setState(() {
              controller.text = newValue!;
            });
          },
          items: ['Masculino', 'Femenino', 'Otro']
              .map<DropdownMenuItem<String>>((String value) {
            return DropdownMenuItem<String>(
              value: value,
              child: Text(value),
            );
          }).toList(),
        ),
      ),
    );
  }
}