export default function MessagesLoading() {
	return (
		<div
			style={{ display: "flex", justifyContent: "center", padding: "4rem 0" }}
		>
			<div
				className="animate-spin w-8 h-8 border-4 rounded-full"
				style={{
					borderColor: "var(--color-primary)",
					borderTopColor: "transparent",
				}}
			/>
		</div>
	);
}