diet creation scrren is done

lib/features/plans/presentation/widgets/item_widget.dart

@@ -0,0 +1,26 @@
+import 'package:eatvio_app/core/theme/custom_text_style.dart';
+import 'package:eatvio_app/core/theme/theme_helper.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+
+class ItemWidget extends StatelessWidget {
+  const ItemWidget({super.key, required this.text});
+  final String text;
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      children: [
+        Text(
+          text,
+          style: TextStyles.textMMedium.copyWith(color: appTheme.black),
+        ),
+        Spacer(),
+        SvgPicture.asset(
+          'assets/icons/ok.svg',
+          width: 20,
+          height: 20,
+        ),
+      ],
+    );
+  }
+}

lib/features/plans/presentation/widgets/option_duration_widget.dart

@@ -0,0 +1,45 @@
+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,
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/features/plans/presentation/widgets/option_widget.dart

@@ -0,0 +1,49 @@
+import 'package:eatvio_app/core/theme/custom_text_style.dart';
+import 'package:eatvio_app/core/theme/theme_helper.dart';
+import 'package:eatvio_app/core/widgets/custom_divider.dart';
+import 'package:eatvio_app/core/widgets/main_background_bouble.dart';
+import 'package:eatvio_app/features/feed/models/plan_pagination_model.dart';
+import 'package:eatvio_app/features/plans/presentation/widgets/item_widget.dart';
+import 'package:eatvio_app/features/plans/presentation/widgets/option_duration_widget.dart';
+import 'package:flutter/material.dart';
+
+class OptionWidget extends StatelessWidget {
+  const OptionWidget({super.key, required this.option});
+  final PacketOptions? option;
+  @override
+  Widget build(BuildContext context) {
+    if (option == null) {
+      return SizedBox.shrink();
+    }
+    return MainBackgroundBouble(
+      padding: EdgeInsets.symmetric(horizontal: 16),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          SizedBox(height: 16),
+          Text(
+            option?.short ?? '',
+            style: TextStyles.headingXLSemibold.copyWith(color: appTheme.black),
+          ),
+          SizedBox(height: 12),
+          Text(
+            option?.description ?? '',
+            style: TextStyles.textSMedium.copyWith(color: appTheme.black),
+          ),
+          SizedBox(height: 12),
+          OptionDurationWidget(duration: 7),
+          SizedBox(height: 16),
+          CustomDivider(),
+          SizedBox(height: 16),
+          ListView.separated(
+            physics: NeverScrollableScrollPhysics(),
+            separatorBuilder: (context, index) => SizedBox(height: 12),
+            itemBuilder: (context, index) => ItemWidget(text: option?.items[index] ?? ''),
+            itemCount: option?.items.length ?? 0,
+            shrinkWrap: true,
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/features/plans/presentation/widgets/options_tab.dart

@@ -0,0 +1,43 @@
+import 'package:eatvio_app/core/theme/theme_helper.dart';
+import 'package:eatvio_app/core/widgets/animated_option_button.dart';
+import 'package:eatvio_app/features/plans/presentation/cubit/about_plan_cubit.dart';
+import 'package:eatvio_app/features/plans/presentation/cubit/about_plan_state.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+
+class OptionsTab extends StatelessWidget {
+  const OptionsTab({super.key, required this.cost});
+  final List<num> cost;
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<AboutPlanCubit, AboutPlanState>(
+      builder: (context, state) {
+        final selectedOption = state.chosenOptionIndex;
+        return Container(
+          margin: EdgeInsets.symmetric(horizontal: 4),
+          decoration: BoxDecoration(
+            color: appTheme.whiteA700,
+            borderRadius: BorderRadius.circular(100),
+          ),
+          padding: const EdgeInsets.all(4),
+          child: Row(
+            children: [
+              ...List.generate(
+                3,
+                (index) => Expanded(
+                  child: AnimatedOptionButton(
+                    isSelected: selectedOption == index,
+                    text: '${cost[index]}₽',
+                    onTap: () {
+                      context.read<AboutPlanCubit>().choseOption(index);
+                    },
+                  ),
+                ),
+              ),
+            ],
+          ),
+        );
+      },
+    );
+  }
+}