From 31e4c641937fe220fb0b9345cc79968cc8b515c8 Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Mon, 26 Jan 2026 12:52:40 +0300
Subject: [PATCH] chore(ComparisonSlider): add comments

---
 .../components/ControlsWrapper.svelte         | 30 +++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/src/widgets/ComparisonSlider/ui/ComparisonSlider/components/ControlsWrapper.svelte b/src/widgets/ComparisonSlider/ui/ComparisonSlider/components/ControlsWrapper.svelte
index 8b572ba..c23106b 100644
--- a/src/widgets/ComparisonSlider/ui/ComparisonSlider/components/ControlsWrapper.svelte
+++ b/src/widgets/ComparisonSlider/ui/ComparisonSlider/components/ControlsWrapper.svelte
@@ -1,3 +1,9 @@
+<!--
+    Component: ControlsWrapper
+    Wrapper for the controls of the slider.
+    - Input to change the text
+    - Three combo controls with inputs and sliders for font-weight, font-size, and line-height
+-->
 <script lang="ts">
 import type { TypographyControl } from '$shared/lib';
 import { Input } from '$shared/shadcn/ui/input';
@@ -8,13 +14,37 @@ import AArrowUP from '@lucide/svelte/icons/a-arrow-up';
 import { Spring } from 'svelte/motion';
 
 interface Props {
+    /**
+     * Ref
+     */
     wrapper?: HTMLDivElement | null;
+    /**
+     * Slider position
+     */
     sliderPos: number;
+    /**
+     * Whether slider is being dragged
+     */
     isDragging: boolean;
+    /**
+     * Text to display
+     */
     text: string;
+    /**
+     * Container width
+     */
     containerWidth: number;
+    /**
+     * Weight control
+     */
     weightControl: TypographyControl;
+    /**
+     * Size control
+     */
     sizeControl: TypographyControl;
+    /**
+     * Height control
+     */
     heightControl: TypographyControl;
 }