more

src/pageElements/Radiogroup.js

@@ -27,6 +27,8 @@ const Radiogroup = (props) => {
     ? optionContainerDynamicClass
     : "";
 
+  console.log("optionContainerDynamic", optionContainerDynamic);
+
   return (
     <div className="radio-option-container">
       {title && <div className="checkbox-title">{title}</div>}
@@ -35,13 +37,13 @@ const Radiogroup = (props) => {
           options?.length &&
           options.map((option, index) => (
             <div
-              className={`option-container ${optionContainerDynamic}`}
+              className={`option-container`}
               key={option.name}
               onClick={() => !disabled && onClick && onClick(option)}
             >
               <div className="checked-icon">
                 {value === option.value ? (
-                  <div className="zora">
+                  <div className={`zora ${optionContainerDynamic}`}>
                     <div className="circle-container">
                       <CircleFill
                         className={
@@ -58,14 +60,14 @@ const Radiogroup = (props) => {
                     </div>
 
                     <div
-                      className="option-label"
+                      className={`option-label ${optionContainerDynamic}`}
                       htmlFor={"helper-radio-" + index}
                     >
                       {option.name}
                     </div>
                   </div>
                 ) : (
-                  <div className="zora">
+                  <div className={`zora ${optionContainerDynamic}`}>
                     <div className="circle-container">
                       <Circle
                         className={
@@ -96,12 +98,4 @@ const Radiogroup = (props) => {
   );
 };
 
-/**
- * A radio button is a quick way to extract a single coded answer from our users by presenting multiple possibilities and allowing only one option to be chosen.
- */
-
 export default Radiogroup;
-
-/*
-
-                  */