// @hidden
export default function MessageLoading() {
	return (
		<svg
			className="text-foreground"
			height="24"
			viewBox="0 0 24 24"
			width="24"
			xmlns="http://www.w3.org/2000/svg"
		>
			<title>Loading</title>
			<circle cx="4" cy="12" fill="currentColor" r="2">
				<animate
					attributeName="cy"
					begin="0;spinner_OcgL.end+0.25s"
					calcMode="spline"
					dur="0.6s"
					id="spinner_qFRN"
					keySplines=".33,.66,.66,1;.33,0,.66,.33"
					values="12;6;12"
				/>
			</circle>
			<circle cx="12" cy="12" fill="currentColor" r="2">
				<animate
					attributeName="cy"
					begin="spinner_qFRN.begin+0.1s"
					calcMode="spline"
					dur="0.6s"
					keySplines=".33,.66,.66,1;.33,0,.66,.33"
					values="12;6;12"
				/>
			</circle>
			<circle cx="20" cy="12" fill="currentColor" r="2">
				<animate
					attributeName="cy"
					begin="spinner_qFRN.begin+0.2s"
					calcMode="spline"
					dur="0.6s"
					id="spinner_OcgL"
					keySplines=".33,.66,.66,1;.33,0,.66,.33"
					values="12;6;12"
				/>
			</circle>
		</svg>
	);
}
