1 files changed, 18 insertions, 0 deletions
diff --git a/src/client/components/LoadingSpinner.tsx b/src/client/components/LoadingSpinner.tsx
new file mode 100644
index 0000000..95159ff
--- /dev/null
+++ b/src/client/components/LoadingSpinner.tsx
@@ -0,0 +1,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>
+	);
+}