import LoadingSpinnerSVG from "@/assets/bars-scale.animated.svg";

import clsx from "clsx";
import styles from "./LoadingSpinner.module.scss";

export default function LoadingSpinner({ fill = true }: { fill?: boolean }) {
  return (
    <div
      className={clsx(
        styles["loading-spinner"],
        fill && styles["loading-spinner--fill"],
      )}
    >
      <LoadingSpinnerSVG className={styles["loading-spinner__icon"]} />
      <p className={styles["loading-spinner__caption"]}>Загрузка...</p>
    </div>
  );
}