export function Logo() {
	return (
		<svg
			width="186"
			height="21"
			viewBox="0 0 186 21"
			fill="none"
			xmlns="http://www.w3.org/2000/svg"
		>
			<g clipPath="url(#clip0_8066_2167)">
				<path
					d="M10.782 20.5C4.3049 20.5 0.103516 15.7501 0.103516 10.8064V10.1936C0.103516 5.16614 4.3049 0.5 10.782 0.5C17.2591 0.5 21.4966 5.16614 21.4966 10.1936V10.8064C21.4966 15.7501 17.2952 20.5 10.782 20.5ZM18.0315 10.246C18.0315 6.64297 15.4571 3.43794 10.782 3.43794C6.10696 3.43794 3.57377 6.64821 3.57377 10.246V10.6964C3.57377 14.2994 6.14815 17.5673 10.782 17.5673C15.4159 17.5673 18.0315 14.2994 18.0315 10.6964V10.246Z"
					fill="#24A3E0"
				></path>
				<path
					d="M11.2046 7.39853L8.06023 12.3527C7.86907 12.6537 7.80329 13.0196 7.87735 13.3699C7.9514 13.7202 8.15924 14.0263 8.45514 14.2207L8.45978 14.2234C8.60633 14.3196 8.77009 14.3856 8.9417 14.4174C9.11331 14.4493 9.28942 14.4465 9.45996 14.4092C9.6305 14.3718 9.79213 14.3007 9.93564 14.1998C10.0791 14.0989 10.2017 13.9702 10.2963 13.8212L13.4412 8.86698C13.6321 8.56597 13.6978 8.20016 13.6236 7.84996C13.5495 7.49976 13.3416 7.19385 13.0458 6.99948L13.0411 6.99633C12.8946 6.90008 12.7308 6.83414 12.5592 6.80226C12.3876 6.77038 12.2115 6.77319 12.041 6.81054C11.8704 6.84789 11.7088 6.91904 11.5653 7.01993C11.4218 7.12082 11.2992 7.24947 11.2046 7.39853Z"
					fill="white"
				></path>
			</g>
			<path
				d="M48.7324 17.766H45.7996L43.8736 14.1546H35.3158L33.4555 17.766H30.5664L38.4457 3.18935H40.7219L48.7324 17.766ZM42.8011 12.1629L39.5181 6.03463L36.3445 12.1629H42.8011Z"
				fill="white"
			></path>
			<path
				d="M69.29 17.766H67.539L67.1232 15.7961C65.7224 17.4158 63.7307 18.335 61.2575 18.335C56.0922 18.335 52.7435 14.7893 52.7435 10.7403V10.4776C52.7435 6.34104 56.3986 2.66406 61.739 2.66406C65.022 2.66406 67.6922 4.02104 69.1367 5.57501L67.4296 7.30406C66.1164 6.10029 64.0809 4.96218 61.7171 4.96218C57.6462 4.96218 55.5013 7.5667 55.5013 10.412V10.6527C55.5013 13.498 57.7994 16.0369 61.5201 16.0369C64.3435 16.0369 66.3571 14.3078 66.3571 12.5569V12.4037H61.8703V10.2369H69.29V17.766Z"
				fill="white"
			></path>
			<path
				d="M89.4441 17.766H76.2026V3.18935H89.4441V5.46557H78.9384V9.20821H87.0147V11.4188H78.9384V15.4897H89.4441V17.766Z"
				fill="white"
			></path>
			<path
				d="M111.61 17.766H109.247L99.7695 8.00444L98.8503 6.97576V17.766H96.1144V3.18935H98.7409L107.933 12.929L108.874 13.9795V3.18935H111.61V17.766Z"
				fill="white"
			></path>
			<path
				d="M134.579 5.57501L132.872 7.30406C131.559 6.10029 129.633 4.96218 127.028 4.96218C123.132 4.96218 120.944 7.63236 120.944 10.412V10.6965C120.944 13.4543 123.154 16.0369 127.225 16.0369C129.655 16.0369 131.668 14.8769 132.938 13.695L134.579 15.4241C132.981 16.9999 130.267 18.335 127.05 18.335C121.535 18.335 118.186 14.7456 118.186 10.806V10.3244C118.186 6.38482 121.841 2.66406 127.181 2.66406C130.267 2.66406 133.069 3.95538 134.579 5.57501Z"
				fill="white"
			></path>
			<path d="M143.675 17.766H140.94V3.18935H143.675V17.766Z" fill="white"></path>
			<path
				d="M164.368 17.766H151.126V3.18935H164.368V5.46557H153.862V9.20821H161.938V11.4188H153.862V15.4897H164.368V17.766Z"
				fill="white"
			></path>
			<path
				d="M185.484 13.6731C185.484 16.5184 182.376 18.335 178.042 18.335C175.087 18.335 172.351 17.5252 170.097 16.4527L171.104 14.286C173.402 15.4241 175.831 16.1026 178.173 16.1026C181.325 16.1026 182.726 15.0739 182.726 13.9576C182.726 10.4776 170.513 12.7976 170.513 7.45727C170.513 4.74331 173.446 2.66406 178.064 2.66406C180.931 2.66406 183.601 3.67086 185.243 4.74331L183.754 6.5818C182.397 5.70633 180.165 4.89652 177.976 4.89652C175.131 4.89652 173.249 5.85953 173.249 7.10708C173.249 10.2807 185.484 8.15765 185.484 13.6731Z"
				fill="white"
			></path>
			<defs>
				<clipPath id="clip0_8066_2167">
					<rect width="21.5094" height="20" fill="white" transform="translate(0 0.5)"></rect>
				</clipPath>
			</defs>
		</svg>
	);
}

export function LoadingLogo( { className, size = 72 }: { className?: string; size?: number } ) {
	return (
		<svg width={ size } height={ size } className={ className } viewBox="0 0 64 64">
			<path
				fillRule="evenodd"
				clipRule="evenodd"
				d="M53.6471 31.5984C53.6471 21.029 45.9236 11.6027 31.9584 11.6027C17.9933 11.6027 10.3514 21.029 10.3514 31.5984V32.9105C10.3514 43.4815 17.9933 53.0691 31.9584 53.0691C45.9236 53.0691 53.6471 43.4815 53.6471 32.9105V31.5984ZM31.9584 61.6733C12.5696 61.6733 0 47.7437 0 33.2378V31.4371C0 16.6838 12.5696 3 31.9584 3C51.4304 3 64 16.6838 64 31.4371V33.2378C64 47.7437 51.4304 61.6733 31.9584 61.6733Z"
			/>
			<path
				fillRule="evenodd"
				clipRule="evenodd"
				d="M38.8263 22.3617C40.5964 23.5221 41.0927 25.934 39.9441 27.7441L30.9904 41.8447C29.8402 43.6563 27.4737 44.1803 25.7065 43.02C23.9394 41.8566 23.4372 39.4507 24.5888 37.6391L33.5425 23.5385C34.6926 21.7284 37.0591 21.2029 38.8263 22.3617Z"
			/>
		</svg>
	);
}
