Daniel_Moliari_Barbosa/desafio-react-e-typescript-daniel-moliari-barbosa
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'feature(footerSASS): Implementa SASS para o footer responsivo.' (#4) from feature/footerSASS into development

Browse Source 
Reviewed-on: #4
This commit is contained in:
Daniel_Moliari_Barbosa 2023-01-20 07:38:28 +00:00
commit 0e12406dbd
1 changed files with 0 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/MenuHeader.tsx
View File

@ -1,27 +0,0 @@
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>
</>
);
};