34 lines
945 B
TypeScript
34 lines
945 B
TypeScript
|
"use client";
|
||
|
|
|
||
|
|
import { useState } from "react";
|
||
|
|
import SearchUser from "./Global/SearchUser/searchUser";
|
||
|
|
import SearchBoxEquipo from "./SearchEquipo";
|
||
|
|
|
||
|
|
export default function CheckBoxEquipo() {
|
||
|
|
const [Checkbox, setChecbox] = useState<string | null>(null);
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<div className="checkbox-grid">
|
||
|
|
<label>
|
||
|
|
<input
|
||
|
|
type="checkbox"
|
||
|
|
onChange={() => setChecbox(Checkbox === "Equipo" ? null : "Equipo")}
|
||
|
|
checked={Checkbox === "Mesa"}
|
||
|
|
/>{" "}
|
||
|
|
Equipo
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<input
|
||
|
|
type="checkbox"
|
||
|
|
onChange={() => setChecbox(Checkbox === "Cuenta" ? null : "Cuenta")}
|
||
|
|
checked={Checkbox === "Cuenta"}
|
||
|
|
/>{" "}
|
||
|
|
Cuenta
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
{Checkbox === "Cuenta" ? <SearchUser value={"3"} /> : <></>}
|
||
|
|
{Checkbox === "Equipo" ? <SearchBoxEquipo /> : <></>}
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
}
|