import React from "react";

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

const HomeTemplate = ({ header, children, footer }: any) => {
  return (
    <div className="[scroll-snap-type:y_mandatory] [scroll-behavior:smooth] overflow-y-scroll lg:h-screen">
      {header && <div className={styles.header}>{header}</div>}

      <main>{children && <div>{children}</div>}</main>

      {footer && <div className="[scroll-snap-align:start]">{footer}</div>}
    </div>
  );
};

export default HomeTemplate;