forked from M3-Academy/desafio-react-e-typescript
Compare commits
13 Commits
feature/fo
...
main
Author | SHA1 | Date | |
---|---|---|---|
e58916ae0b | |||
a5d38b72c5 | |||
c37943453d | |||
1ce7da9178 | |||
fa9528b6b0 | |||
0e12406dbd | |||
94bcea8406 | |||
b91baf24d5 | |||
32009aee31 | |||
4f1f8215fc | |||
6af17b42dd | |||
679c3a9735 | |||
6511076444 |
27
src/components/MenuHeader.tsx
Normal file
27
src/components/MenuHeader.tsx
Normal 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>
|
||||
</>
|
||||
);
|
||||
};
|
Loading…
Reference in New Issue
Block a user