import 'package:flutter/material.dart';

class CarDetailsWidget extends StatelessWidget {
  final String label;
  final String? value;
  final TextEditingController? controller;
  final bool isEditable;
  final String? hint;

  const CarDetailsWidget({
    Key? key,
    required this.label,
    this.value,
    this.controller,
    this.isEditable = false,
    this.hint,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          label,
          style: const TextStyle(
            color: Color(0xFFAAAAAA),
            fontSize: 13,
            fontFamily: 'Inter',
            fontWeight: FontWeight.w400,
            letterSpacing: -0.08,
          ),
        ),
        const SizedBox(height: 10),
        Container(
          width: double.infinity,
          decoration: BoxDecoration(
            color: const Color(0xFFFAFAFA),
            borderRadius: BorderRadius.circular(10),
            border: Border.all(
              color: const Color(0xFFDDDDDD),
              width: 1.5,
            ),
          ),
          child: isEditable
              ? TextField(
            controller: controller,
            style: const TextStyle(
              color: Colors.black,
              fontSize: 15,
              fontFamily: 'Inter',
              fontWeight: FontWeight.w500,
              letterSpacing: -0.24,
            ),
            decoration: InputDecoration(
              contentPadding: const EdgeInsets.symmetric(
                horizontal: 16,
                vertical: 14,
              ),
              border: InputBorder.none,
              isDense: true,
              hintText: hint,
              hintStyle: const TextStyle(
                color: Color(0xFFCCCCCC),
                fontSize: 15,
                fontFamily: 'Inter',
                fontWeight: FontWeight.w400,
                letterSpacing: -0.24,
              ),
            ),
          )
              : Padding(
            padding: const EdgeInsets.symmetric(
              horizontal: 16,
              vertical: 14,
            ),
            child: Text(
              value ?? '',
              style: const TextStyle(
                color: Colors.black,
                fontSize: 15,
                fontFamily: 'Inter',
                fontWeight: FontWeight.w400,
                letterSpacing: -0.24,
              ),
            ),
          ),
        ),
      ],
    );
  }
}