import styles from "./Loader.module.css";

interface LoaderProps {
  size?: number;
  label?: string;
}

export default function Loader({ size = 22, label }: LoaderProps) {
  return (
    <div className={styles.wrap}>
      <span className={styles.spinner} style={{ width: size, height: size }} />
      {label && <span className={styles.label}>{label}</span>}
    </div>
  );
}

export function PageLoader({ label }: { label?: string }) {
  return (
    <div className={styles.pageWrap}>
      <Loader size={28} label={label} />
    </div>
  );
}