import 'package:concierge/presentation/app/cart_cubit.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:gap/gap.dart';

class CommentField extends StatelessWidget {
  const CommentField({super.key, required this.controller});

  final TextEditingController controller;

  @override
  Widget build(BuildContext context) {
    return TextField(
      controller: controller,
      minLines: 3,
      maxLines: 5,
      decoration: InputDecoration(
        focusedBorder: OutlineInputBorder(
          borderSide: BorderSide(color: Colors.grey, width: 1),
          borderRadius: BorderRadius.circular(12),
        ),
        border: OutlineInputBorder(
          borderSide: BorderSide(color: Colors.grey, width: 1),
          borderRadius: BorderRadius.circular(12),
        ),
      ),
    );
  }
}

Iterable<Widget> buildCommentField(BuildContext context) sync* {
  final cartCubit = context.watch<CartCubit>();
  yield Text("Kommentar til ordre", style: TextStyle(fontSize: 20));
  yield Gap(16);
  yield CommentField(controller: cartCubit.orderCommentController);
}