import { LoaderCircleIcon } from "lucide-react"

export default function ({ msg }: { msg?: string }) {
	return (
		<div className="flex flex-col items-center justify-center h-full absolute inset-0">
			{msg ? (
				<p className={"opacity-60 mb-2 text-center text-sm px-4"}>{msg}</p>
			) : (
				<LoaderCircleIcon className="animate-spin h-10 w-10 opacity-60" />
			)}
		</div>
	)
}