/**
 * PageLoader.tsx
 * Tela de carregamento exibida enquanto uma rota lazy é importada.
 */

import styles from './PageLoader.module.css';

export default function PageLoader() {
  return (
    <div className={styles.wrapper}>
      <div className={styles.content}>
        <div className={styles.logo}>
          <svg width="32" height="32" viewBox="0 0 32 32" fill="none" aria-hidden="true">
            <rect width="32" height="32" rx="8" fill="var(--color-accent)" fillOpacity="0.15" />
            <path
              d="M8 12h16M8 16h10M8 20h12"
              stroke="var(--color-accent)"
              strokeWidth="2"
              strokeLinecap="round"
            />
          </svg>
          <span>Helpdesk TI</span>
        </div>
        <div className="spinner" role="status" aria-label="Carregando..." />
      </div>
    </div>
  );
}