const BurstLogo = ({ className = '' }) => {
	const uFillColor = 'var(--color-text-black)';
	const gradientId = 'burst-logo-gradient';

	return (
		<svg
			xmlns="http://www.w3.org/2000/svg"
			viewBox="0 0 342 117"
			className={className}
			style={{
				fillRule: 'evenodd',
				clipRule: 'evenodd',
				strokeLinejoin: 'round',
				strokeMiterlimit: 2
			}}
		>
			<path
				d="M123.801 236.606h353.753v135.748H123.801z"
				transform="matrix(.96562 0 0 .8561 -119.546 -202.559)"
				style={{ fill: 'none' }}
			/>
			<path
				d="M170.4 269.5c-10.7 0-18.8 2.5-24.3 7.4v-27c0-2.4-.9-4.6-2.6-6.3-1.8-1.7-3.8-2.6-6.2-2.6h-.3c-2.4 0-4.5.9-6.2 2.6-1.8 1.8-2.6 3.9-2.6 6.3v62.2c0 11.7 4.2 21.6 12.5 29.8 8.2 8.2 18.2 12.3 29.8 12.3s21.6-4.1 29.9-12.4 12.4-18.3 12.4-29.9c0-11.7-4.1-21.6-12.4-29.9s-18.3-12.5-30-12.5m17.2 59.8c-4.8 4.8-10.5 7.1-17.2 7.1-6.8 0-12.5-2.4-17.3-7.1-4.7-4.8-7.1-10.5-7.1-17.2 0-6.8 2.4-12.5 7.1-17.3 4.8-4.8 10.5-7.1 17.3-7.1 6.7 0 12.4 2.4 17.2 7.1 4.8 4.8 7.1 10.5 7.1 17.3.1 6.7-2.3 12.5-7.1 17.2m156.7-59.8h-4.2c-9 0-16.6 3.2-22.9 9.5-6.2 6.3-9.4 14-9.5 22.9v43.4c0 2.5.9 4.6 2.6 6.2 1.8 1.8 3.8 2.6 6.2 2.6h.2c2.4 0 4.5-.9 6.2-2.6 1.8-1.7 2.6-3.7 2.6-6.2V302q0-6 4.2-10.2t10.2-4.2h4.2c2.4 0 4.6-.9 6.3-2.6s2.6-3.8 2.6-6.2v-.1c0-2.4-.9-4.6-2.6-6.3-1.5-2-3.6-2.9-6.1-2.9m114 18.1c2.4 0 4.5-.9 6.2-2.6 1.8-1.7 2.6-3.7 2.6-6.2v-.1c0-2.4-.9-4.6-2.6-6.3-1.8-1.8-3.8-2.6-6.2-2.6h-12v-19.6c0-2.4-.9-4.6-2.6-6.3-1.8-1.7-3.8-2.6-6.2-2.6h-.2c-2.4 0-4.5.9-6.2 2.6-1.8 1.8-2.6 3.9-2.6 6.3v19.6h-42c-7.1 0-13.1 2.5-18.2 7.6-5 5-7.5 11-7.5 18.1 0 7.3 2 12.9 6.1 16.8 2.8 2.8 7.2 5 13 6.8 7.5 2.1 11.6 3.3 12.3 3.7 2.8 1.4 4.2 3.4 4.2 6.1 0 2.2-.7 4-2.2 5.4-1.5 1.5-3.3 2.2-5.4 2.2h-19.9c-2.4 0-4.5.9-6.2 2.6-1.8 1.8-2.6 3.9-2.6 6.3v.1c0 2.5.9 4.6 2.6 6.2 1.8 1.8 3.8 2.6 6.2 2.6h19.2c7.1 0 13.1-2.5 18.2-7.5 5-5 7.5-11.1 7.5-18.2 0-7.2-2-12.7-6.1-16.5-2.8-2.7-7.2-4.9-13-6.5-7.2-1.9-11.3-3.1-12.3-3.7-2.8-1.5-4.3-3.7-4.3-6.6 0-2.1.7-3.9 2.2-5.4s3.3-2.2 5.4-2.2h42.8v43.6c0 6.3 2.3 11.8 6.8 16.3 4.6 4.5 10 6.8 16.4 6.8h6.9c2.4 0 4.5-.9 6.2-2.6 1.8-1.7 2.6-3.7 2.6-6.2v-.1c0-2.4-.9-4.6-2.6-6.3-1.8-1.8-3.8-2.6-6.2-2.6h-6.9c-1.5 0-2.7-.5-3.7-1.5q-1.5-1.5-1.5-3.6v-43.6h11.8z"
				transform="translate(-126.717 -240.215)"
				style={{ fill: `url(#${gradientId})`, fillRule: 'nonzero' }}
			/>
			<path
				d="M234.2 298c4.9 0 9-4 9-9v-10.5c0-4.9-4-9-9-9-4.9 0-9 4-9 9V289c0 5 4 9 9 9m52.6-.6c-5 0-9 4-9 9v13c-.2 9.3-7.9 16.9-17.3 16.9-9.6 0-17.3-7.8-17.3-17.3v-2.6c0-5-4-9-9-9s-9 4-9 9v2.6c0 19.5 15.9 35.3 35.3 35.3 19.5 0 35.3-15.9 35.3-35.3v-12.5c0-5.1-4-9.1-9-9.1m4.8-27.9h-10.5c-4.9 0-9 4-9 9 0 4.9 4 9 9 9h10.5c4.9 0 9-4 9-9 0-4.9-4-9-9-9"
				transform="translate(-126.717 -240.215)"
				style={{ fill: uFillColor, fillRule: 'nonzero' }}
			/>
			<defs>
				<linearGradient
					id={gradientId}
					x1="0"
					x2="1"
					y1="0"
					y2="0"
					gradientTransform="translate(128.098 297.638)scale(339.079)"
					gradientUnits="userSpaceOnUse"
				>
					<stop offset="0" style={{ stopColor: 'rgb(77, 170, 87)', stopOpacity: 1 }} />
					<stop offset="0.01" style={{ stopColor: 'rgb(77, 170, 87)', stopOpacity: 1 }} />
					<stop offset="1" style={{ stopColor: 'rgb(18, 138, 31)', stopOpacity: 1 }} />
				</linearGradient>
			</defs>
		</svg>
	);
};

export default BurstLogo;