import React from "react";

import styles from "./app.module.scss";

const AppTemplate = ({ id, header, hero, children, footer }: any) => {
  return (
    <div id={id} className="overflow-hidden">
      {header && <div className={styles.header}>{header}</div>}
      {hero && <div>{hero}</div>}
      {children && <div>{children}</div>}
      {footer && <div>{footer}</div>}
    </div>
  );
};

export default AppTemplate;