From 8571c378086a55c458ed3a35001d9ca472523893 Mon Sep 17 00:00:00 2001
From: Kirill Revenkov <revenkov-k@yandex-team.ru>
Date: Fri, 1 Mar 2024 12:36:00 +0300
Subject: [PATCH] feat: add classname prop

---
 .../Select/components/SelectCounter/SelectCounter.tsx         | 4 ++--
 src/components/Select/types.ts                                | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Select/components/SelectCounter/SelectCounter.tsx b/src/components/Select/components/SelectCounter/SelectCounter.tsx
index b35e6f1573..9a434e2dbf 100644
--- a/src/components/Select/components/SelectCounter/SelectCounter.tsx
+++ b/src/components/Select/components/SelectCounter/SelectCounter.tsx
@@ -9,11 +9,11 @@ import './SelectCounter.scss';
 const b = block('select-counter');
 
 export const SelectCounter = React.forwardRef(function SelectCouner(
-    {count, size}: SelectCounterProps,
+    {count, size, className}: SelectCounterProps,
     ref: React.ForwardedRef<HTMLDivElement>,
 ) {
     return (
-        <div className={b({size})} ref={ref}>
+        <div className={b({size}, className)} ref={ref}>
             <Text variant={size === 'xl' ? 'body-2' : 'body-1'}>{count}</Text>
         </div>
     );
diff --git a/src/components/Select/types.ts b/src/components/Select/types.ts
index f378bd712b..19d85caa02 100644
--- a/src/components/Select/types.ts
+++ b/src/components/Select/types.ts
@@ -158,8 +158,12 @@ export type SelectClearProps = SelectClearIconProps & {
 };
 
 export type SelectCounterProps = {
+    /** number of selected elements to show */
     count: number;
+    /** size of the parent elemnent */
     size: SelectSize;
+    /** additional classname for component */
+    className?: string;
 };
 
 export type SelectOptions<T = any> = NonNullable<SelectProps<T>['options']>;