componentes

2025-10-01 00:42:35 -06:00
parent 722c937e53
commit 4792bb68f0
6 changed files with 88 additions and 45 deletions
@@ -0,0 +1,24 @@
+"use client";
+import { SetStateAction, useState } from "react";
+export default function AsignacionMesas() {
+  const [tiempo, setTiempo] = useState("");
+  return (
+    <form className="containerForm">
+      <label className="label">Mesas disponibles</label>
+      <div className="groupInput">
+        <select value={tiempo} onChange={(e) => setTiempo(e.target.value)}>
+          <option value="">-- Mesas disponibles --</option>
+          <option value="15">1 </option>
+          <option value="30">3 </option>
+          <option value="45">4 </option>
+          <option value="60">22 </option>
+          <option value="90">15 </option>
+          <option value="120">20 </option>
+        </select>
+        <button className="button buttonSearch" type="submit">
+          Asignar
+        </button>
+      </div>
+    </form>
+  );
+}
@@ -0,0 +1,33 @@
+"use client";
+
+import { useState } from "react";
+import SearchUser from "./Global/SearchUser/searchUser";
+import SearchTable from "./SearchTable";
+
+export default function CheckBox() {
+  const [Checkbox, setChecbox] = useState<string | null>(null);
+  return (
+    <>
+      <div className="checkbox-grid">
+        <label>
+          <input
+            type="checkbox"
+            onChange={() => setChecbox(Checkbox === "Mesa" ? null : "Mesa")}
+            checked={Checkbox === "Mesa"}
+          />{" "}
+          Mesa
+        </label>
+        <label>
+          <input
+            type="checkbox"
+            onChange={() => setChecbox(Checkbox === "Cuenta" ? null : "Cuenta")}
+            checked={Checkbox === "Cuenta"}
+          />{" "}
+          Cuenta
+        </label>
+      </div>
+      {Checkbox === "Cuenta" ? <SearchUser value={"3"} /> : <></>}
+      {Checkbox === "Mesa" ? <SearchTable /> : <></>}
+    </>
+  );
+}
@@ -0,0 +1,12 @@
+export default function SearchEquipo() {
+  return (
+    <form className="containerForm">
+      {" "}
+      <label>Numero de Equipo</label>
+      <div className="groupInput">
+        <input type="text" placeholder="Coloca el numero del Equipo" />
+        <button className="buttonSearch button">Buscar</button>
+      </div>
+    </form>
+  );
+}
@@ -0,0 +1,12 @@
+export default function SearchTable() {
+  return (
+    <form className="containerForm">
+      {" "}
+      <label>Numero de Mesa</label>
+      <div className="groupInput">
+        <input type="text" placeholder="Coloca el numero de Mesa" />
+        <button className="buttonSearch button">Buscar</button>
+      </div>
+    </form>
+  );
+}