import 'package:flutter/material.dart';
import '../../core/theme/app_colors.dart';

class FormFieldRow extends StatelessWidget {
  final String label;
  final String? value;
  final String? hint;
  final VoidCallback? onTap;
  final bool showArrow;

  const FormFieldRow({
    super.key,
    required this.label,
    this.value,
    this.hint,
    this.onTap,
    this.showArrow = true,
  });

  @override
  Widget build(BuildContext context) {
    return InkWell(
      onTap: onTap,
      child: Container(
        padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 12),
        decoration: const BoxDecoration(
          border: Border(
            bottom: BorderSide(color: Color(0xFFF9F9F9), width: 0.5),
          ),
        ),
        child: Row(
          children: [
            SizedBox(
              width: 72,
              child: Text(
                label,
                style: const TextStyle(
                  color: AppColors.textSecondary,
                  fontSize: 13,
                ),
              ),
            ),
            Expanded(
              child: Text(
                value ?? hint ?? '',
                textAlign: TextAlign.right,
                style: TextStyle(
                  color: value != null
                      ? AppColors.textPrimary
                      : AppColors.textHint,
                  fontSize: 13,
                ),
              ),
            ),
            if (showArrow) ...[
              const SizedBox(width: 4),
              const Icon(
                Icons.chevron_right,
                size: 18,
                color: AppColors.textHint,
              ),
            ],
          ],
        ),
      ),
    );
  }
}