forked from M3-Academy/desafio-react-e-typescript
feature(footerSASS): Implementa SASS para o footer responsivo.
This commit is contained in:
parent
86b9f1a086
commit
df99e0db1f
@ -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>
|
||||
</>
|
||||
);
|
||||
};
|
Loading…
Reference in New Issue
Block a user