import {SkeletonLoaderProps} from "../../props"
import styles from "./styles.module.sass"

export const PageLoader = ({loading}: SkeletonLoaderProps) => {
  return loading ? (
    <section className={`${styles.loader_section} blur flex-center`}>
      <section className={styles.loader_squares}>
        <section className={styles.square_one} />
        <section className={styles.square_two} />
        <section className={styles.square_three} />
        <section className={styles.square_four} />
      </section>
    </section>
  ) : null
}