import { FunctionComponent , ReactNode } from 'react' ; import Header from './Header/Header' ; import Footer from './Footer/Footer' ; import styles from './DefaultLayout.module.scss' ; interface Props { children ? : ReactNode ; } const DefaultLayout = ( { children } ) => ( < div className = { styles . layout } > < Header /> < div className = { styles . content } > { children } < /div> < Footer / > < /div>); export default DefaultLayout ;