<script lang="ts">
	// Loading spinner component with Bootstrap styling
</script>

<div class="d-flex justify-content-center align-items-center p-4">
	<div class="spinner-border text-primary" role="status">
		<span class="visually-hidden">Loading...</span>
	</div>
</div>

<style>
	.spinner-border {
		width: 3rem;
		height: 3rem;
	}
</style>
