src/client/components/LoadingSpinner.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

import { faSpinner } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

interface LoadingSpinnerProps {
	className?: string;
}

export function LoadingSpinner({ className = "" }: LoadingSpinnerProps) {
	return (
		<div className={`flex items-center justify-center py-12 ${className}`}>
			<FontAwesomeIcon
				icon={faSpinner}
				className="h-8 w-8 text-primary animate-spin"
				aria-hidden="true"
			/>
		</div>
	);
}