Merge pull request 'feature(institucional): Implementa React e Typescript da página institucional.' (#5) from feature/institucional into development

Reviewed-on: #5
This commit is contained in:
Daniel_Moliari_Barbosa 2023-01-20 07:42:07 +00:00
commit fa9528b6b0

View File

@ -0,0 +1,27 @@
import { ContentMenuHeader } from "./Header/ContentMenuHeader";
import CloseIcon from "./assets/imgs/SVGs/Close-button.svg";
interface MenuHeaderProps {
isOpened: boolean;
setIsOpened: React.Dispatch<React.SetStateAction<boolean>>;
}
export const MenuHeader = ({ isOpened, setIsOpened }: MenuHeaderProps) => {
return (
<>
<section className={`ModalWrapper ${isOpened && "opened"}`}>
<div className="Modaltop">
<span> ENTRAR </span>
<button className="CloseButton" onClick={() => setIsOpened(false)}>
<img src={CloseIcon} alt="CloseIcon" />
</button>
</div>
<div className="ModalContent">
<ContentMenuHeader />
</div>
<div className="ModalOuverlay"></div>
</section>
</>
);
};