Se crea el componente y los estilos para la ventana emergente para el registro de un lugar

import { faWindowClose } from "@fortawesome/free-solid-svg-icons";

import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

import { Dispatch, SetStateAction} from "react";

import "./assets/css/styles.css";

import { MapComponent } from "../../map/map";

interface props {

  setIsWindowActive: Dispatch<SetStateAction<boolean>>;

}

export const AdminPanelPlaceRegister = ({setIsWindowActive}: props) => {

  return (

    <div className="place_register_wrap">

      <div className="place_register_header">

        Registra el lugar

        <FontAwesomeIcon icon={faWindowClose} className="close_btn"

          onClick={() => setIsWindowActive(false)}/>

      </div>

      <div className="place_register_body">

        <form>

          <div className="inputs_container">

          </div>

          <div className="map_container">

            <div className="map">

              <MapComponent/>

            </div>

            <div className="map_error_cnt">

            </div>

          </div>

        </form>

      </div>

    </div>

  );

}

 No newline at end of file

*{

  user-select: none;

}

.place_register_wrap{

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  width: 70vw;

  height: 90vh;

  display: flex;

  flex-direction: column;

  background: white;

  border: solid 2px black;

}

.place_register_header{

  display: flex;

  width: 100%;

  align-items: center;

  justify-content: center;

  padding: 5px;

  background: #ccc;

  height: 7%;

}

.close_btn{

  display: inline-block;

  cursor: pointer;

  height: 3%;

  position: absolute;

  right: 5px;

}

.place_register_body{

  height: 93%;

  width: 100%;

}

.place_register_body form{

  height: 100%;

  display: flex;

}

.inputs_container{

  height: 100%;

  width: 50%;

}

.map_container{

  height: 100%;

  width: 50%;

  display: flex;

  flex-direction: column;

}

.map{

  height: 95%;

  width: 100%;

  padding: 10px;

}

.map_error_cnt{

  height: 5%;

  width: 100%;

}

 No newline at end of file