more

src/pageElements/Radiogroup.js

@@ -1,7 +1,6 @@
 import { CircleFill, Circle } from "react-bootstrap-icons";
 
 const Radiogroup = (props) => {
-  console.log("hello");
   const {
     className,
     classNames,
@@ -13,37 +12,25 @@ const Radiogroup = (props) => {
     value,
     options,
     disabled,
-    dynamicClassName,
-    optionContainerDynamicClass,
   } = props;
-
   const classCheckbox = "checkbox";
   const classOption = "option";
 
-  const dynamicClass =
-    dynamicClassName === "signup-option-div"
-      ? dynamicClassName
-      : "checkbox-option-div";
-
-  const optionContainerDynamic = optionContainerDynamicClass
-    ? optionContainerDynamicClass
-    : "";
-
   return (
     <div className="radio-option-container">
       {title && <div className="checkbox-title">{title}</div>}
-      <div className={`${dynamicClass}`}>
+      <div className="checkbox-option-div">
         {options &&
           options?.length &&
           options.map((option, index) => (
             <div
-              className={`option-container`}
+              className="option-container"
               key={option.name}
               onClick={() => !disabled && onClick && onClick(option)}
             >
               <div className="checked-icon">
                 {value === option.value ? (
-                  <div className={`zora ${optionContainerDynamic}`}>
+                  <div className="zora">
                     <div className="circle-container">
                       <CircleFill
                         className={
@@ -60,14 +47,14 @@ const Radiogroup = (props) => {
                     </div>
 
                     <div
-                      className={`option-label ${optionContainerDynamic}`}
+                      className="option-label"
                       htmlFor={"helper-radio-" + index}
                     >
                       {option.name}
                     </div>
                   </div>
                 ) : (
-                  <div className={`zora ${optionContainerDynamic}`}>
+                  <div className="zora">
                     <div className="circle-container">
                       <Circle
                         className={
@@ -98,4 +85,8 @@ 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;