From f063a91f37003acc1956715db896e8b53e7d804f Mon Sep 17 00:00:00 2001
From: Kunerkhan <kakerov@gmail.com>
Date: Wed, 27 Aug 2025 20:25:15 +0600
Subject: [PATCH] feat(AIFEP-20):  Add classname for radio input

---
 src/components/form/RadioInput/index.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/form/RadioInput/index.tsx b/src/components/form/RadioInput/index.tsx
index 447ded0..ad19b08 100644
--- a/src/components/form/RadioInput/index.tsx
+++ b/src/components/form/RadioInput/index.tsx
@@ -7,13 +7,15 @@ import { useCombinedPropsWithKit } from '~/hooks';
 
 export interface RadioInputProps extends AllHTMLAttributes<HTMLInputElement> {
   label?: string;
+  labelClassName?: string;
 }
 
 export const RadioInput: React.FC<RadioInputProps> = props => {
-  const { checked, label, className, disabled, ...restProps } = useCombinedPropsWithKit({
-    name: 'RadioInput',
-    props,
-  });
+  const { checked, label, className, labelClassName, disabled, ...restProps } =
+    useCombinedPropsWithKit({
+      name: 'RadioInput',
+      props,
+    });
 
   return (
     // eslint-disable-next-line jsx-a11y/label-has-associated-control
@@ -26,7 +28,7 @@ export const RadioInput: React.FC<RadioInputProps> = props => {
         {...restProps}
       />
       <div className="radio-input__check-mark" />
-      {label && <div className="radio-input__label-text">{label}</div>}
+      {label && <div className={clsx('radio-input__label-text', labelClassName)}>{label}</div>}
     </label>
   );
 };