import EnviarMensaje from "@/app/Components/EviarMensaje/EnviarMensaje";
import EnviarMensajeSala from "@/app/Components/EviarMensaje/EnviarMensajeSala";
import Toggle from "@/app/Components/Global/Toggle/Toggle";

export default async function Page(props: {
  searchParams?: Promise<{
    key:string;
  }>;
}) {
  const params = await props.searchParams;
  const key = params?.key && params.key ;

  return (
    <section className="containerSection">

      <h2 className="title">Enviar mensaje</h2>

      <Toggle
        defaultView={key}
        options={[
          {
            key: "Equipo",
            label: "Equipo",
            content: (
              <EnviarMensaje
              key={1}
                titulo="Seleccione un equipo"
                
              />
            ),
          },
          {
            key: "Sala",
            label: "Sala",
            content: (
              <EnviarMensajeSala
              key={2}
                titulo="Seleccione una sala"
               
              />
            ),
          },
        ]}
      />
    </section>
  );
}
