import type { ReactNode } from "react";

import clsx from "clsx";

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

export default function Main({
  noPadding = false,
  children,
}: {
  noPadding?: boolean;
  children: ReactNode;
}) {
  return (
    <main
      className={clsx(styles["main"], noPadding && styles["main--no-padding"])}
    >
      <div className={styles["main__wrapper"]}>{children}</div>
    </main>
  );
}