Se crea el componente y los estilos para la pantalla de los lugares

import { useWindowShow } from "../../../hooks/useWindowShow";

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

export const AdminPanelPlaceScreen = () => {

  const {isWindowActive} = useWindowShow();

  return (

    <div className="admin_panel_place_content">

      <div className="panel_place_header">

        Administrar lugares dentro de Pueblo Mágico

        <button className="place_add_btn"

          disabled={isWindowActive}

        >

          Registrar lugar

        </button>

      </div>

      <div className="panel_place_body">

      </div>

    </div>

  );

}

 No newline at end of file

.admin_panel_place_content{

  width: 100%;

  max-height: 100%;

  display: flex;

  flex-direction: column;

}

.panel_place_header{

  height: 7%;

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 5px;

  background: gray;

}

.panel_place_header .place_add_btn{

  display: inline-block;

  cursor: pointer;

  position: absolute;

  right: 5px;

}

.panel_place_body{

  height: 93%;

  width: 100%;

  background: white;

}

 No newline at end of file