import React , { FC , useEffect } from "react" ; import { ThemeProvider } from "styled-components" ; import Footer from "~components/Footer/Footer" ; import Header from "~components/header" ; import { lightTheme } from "~styles/themes" ; type Props = { children : JSX . Element | JSX . Element [ ] ; } ; const Layout = ( { children } ) => { useEffect ( ( ) => { } , [ ] ) ; return ( < > < ThemeProvider theme = { lightTheme } > < Header /> < main > { children } < /main> < footer > < Footer /> < /footer> < /ThemeProvider> < />); } ; export default Layout ;