import { SpinnerSVG } from "./SVG";
import "./LoadingScreen.css";
export function LoadingSpinner(props: { center: boolean }) {
	return (
		<div
			class="loading-spinner-wrapper"
			style={{ "place-items": props.center ? "center" : "start", "place-content": "center" }}
		>
			<div class="loading-spinner">
				<SpinnerSVG />
			</div>
		</div>
	);
}
export function LoadingScreen(props: { text?: string }) {
	return (
		<div class="loading-screen">
			{props.text && <span>{props.text}</span>}
			<LoadingSpinner center={!props.text} />
		</div>
	);
}