import 'package:eatvio_app/core/theme/custom_text_style.dart';
import 'package:eatvio_app/core/theme/theme_helper.dart';
import 'package:eatvio_app/core/utils/localization_utils.dart';
import 'package:eatvio_app/generated/l10n.dart';
import 'package:flutter/material.dart';

class OptionDurationWidget extends StatelessWidget {
  const OptionDurationWidget({super.key, required this.duration});
  final int duration;
  @override
  Widget build(BuildContext context) {
    final s = S.of(context);
    return Container(
      decoration: BoxDecoration(borderRadius: BorderRadius.circular(4), color: appTheme.cardBackground),
      child: Row(
        children: [
          Padding(
            padding: const EdgeInsets.symmetric(vertical: 4),
            child: Container(
              width: 4,
              height: 20,
              decoration: BoxDecoration(
                color: appTheme.blueA400,
                borderRadius: BorderRadius.only(
                  topRight: Radius.circular(100),
                  bottomRight: Radius.circular(100),
                ),
              ),
            ),
          ),
          SizedBox(
            width: 12,
          ),
          Text(
            '${s.option_duration} $duration ${getDayForm(duration, s)}',
            style: TextStyles.textSMedium.copyWith(color: appTheme.black),
          ),
          SizedBox(
            width: 12,
          ),
        ],
      ),
    );
  }
}