added equipo by student

app/Components/CheckBoxEquipo.tsx

@@ -5,29 +5,36 @@ import SearchUser from "./Global/SearchUser/searchUser";
 import SearchBoxEquipo from "./SearchEquipo";
 
 export default function CheckBoxEquipo() {
-  const [Checkbox, setChecbox] = useState<string | null>(null);
+  const [modo, setModo] = useState<"Equipo" | "Cuenta" | null>(null);
+
   return (
     <>
-      <div className="checkbox-grid">
-        <label>
+      <div className="radio-grid">
+        <label className="radio-card">
           <input
-            type="checkbox"
-            onChange={() => setChecbox(Checkbox === "Equipo" ? null : "Equipo")}
-            checked={Checkbox === "Mesa"}
-          />{" "}
-          Equipo
+            type="radio"
+            name="modo"
+            checked={modo === "Equipo"}
+            onChange={() => setModo("Equipo")}
+          />
+          <span className="radio-ui"></span>
+          <span className="radio-text">Equipo</span>
         </label>
-        <label>
+
+        <label className="radio-card">
           <input
-            type="checkbox"
-            onChange={() => setChecbox(Checkbox === "Cuenta" ? null : "Cuenta")}
-            checked={Checkbox === "Cuenta"}
-          />{" "}
-          Cuenta
+            type="radio"
+            name="modo"
+            checked={modo === "Cuenta"}
+            onChange={() => setModo("Cuenta")}
+          />
+          <span className="radio-ui"></span>
+          <span className="radio-text">Cuenta</span>
         </label>
       </div>
-      {Checkbox === "Cuenta" ? <SearchUser value={"3"} /> : <></>}
-      {Checkbox === "Equipo" ? <SearchBoxEquipo /> : <></>}
+
+      {modo === "Cuenta" && <SearchUser value={"3"} />}
+      {modo === "Equipo" && <SearchBoxEquipo />}
     </>
   );
 }