import React from 'react'
import { BodyProps } from './typings'

class Body extends React.PureComponent<BodyProps> {
  render() {
    const { children } = this.props
    return [
      <div key="header" id="header" />,
      <div key="compare" id="compare" />,
      <div
        key="root"
        id="root"
        dangerouslySetInnerHTML={{ __html: children }}
      />,
      <div key="sidebar" id="sidebar" />,
      <div key="snackbar" id="snackbar" />,
      <div key="toast" id="toast" />,
      <div key="close" id="close" />,
      <div key="modal" id="modal" />,
      <div key="nested" id="nested" />,
      <div key="backtotop" id="backtotop" />,
      <div key="mapportal" id="mapportal" />,
      <div key="footer" id="footer" />,
    ]
  }
}

export { Body }
export default Body