import { Props } from 'react'

interface ILayoutProps extends Props<{}> {
  footer?: boolean
  needScroll?: boolean
  header?: boolean
}

import * as React from 'react'

import ModalRouter from '~/routers/ModalRouter'
import { Wrapper, Header, Footer, ContactInfo } from '~/components/common'
import { ILayoutProps } from './Layout.d'

const Fragment = React.Fragment

export default class Layout extends React.PureComponent<ILayoutProps> {
  static defaultProps = {
    footer: true,
    needScroll: true
  }

  componentDidMount() {
    if (this.props.needScroll) {
      window.scrollTo(0, 0)
    }
  }

  render() {
    const { children, footer, needScroll, header, ...props } = this.props

    return (
      <Fragment>
        <Wrapper>
          <Header header={header}/>
          <main {...props}>{children}</main>
        </Wrapper>
        {footer && (
          <Fragment>
            <ContactInfo />
            <Footer />
          </Fragment>
        )}
        <ModalRouter />
      </Fragment>
    )
  }
}