Files
front-AT/app/Components/CheckBoxEquipo.tsx
T
2025-10-02 01:39:50 -06:00

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 /> : <></>}
</>
);
}