content: import React from 'react';
  import classNames from 'classnames/bind';
  import { Header } from 'components';
  import styles from './main.css';
  
  const cx = classNames.bind(styles);
  
  type MainType = {
    children: Object
  };
  
  /**
   * <Main />
   * This component is the main component,
   * and responsible for render all the children components.
   * So all the common components, should be placed in here.
   *
   * @returns {JSXElement}
   */
  const Main = ({children}:MainType):Object => {
    return (
      <div>
        <Header style={cx('header')}/>
        <section className={cx('content')}>
          {children}
        </section>
      </div>
    );
  }
  
  export default Main;
  