import * as React from 'react';
import withIconSvg from '../helpers/withIconSvg';

const Icon: React.FC = (props) => (
	<svg
		width="52"
		height="28"
		viewBox="0 0 52 28"
		fill="none"
		xmlns="http://www.w3.org/2000/svg"
		{...props}
	>
		<rect x="1" y="0.5" width="50" height="27" rx="13.5" fill="#CFF4F6"/>
		<rect x="1" y="0.5" width="50" height="27" rx="13.5" stroke="#86E4E9"/>
		<path d="M22.4418 16.2246C22.4418 17.127 22.1159 17.8379 21.4642 18.3574C20.8171 18.877 19.9147 19.1367 18.7572 19.1367C17.6908 19.1367 16.7474 18.9362 15.9271 18.5352V16.5664C16.6016 16.8672 17.1713 17.0791 17.6361 17.2021C18.1055 17.3252 18.5339 17.3867 18.9213 17.3867C19.3861 17.3867 19.7416 17.2979 19.9877 17.1201C20.2383 16.9424 20.3636 16.6781 20.3636 16.3271C20.3636 16.1312 20.3089 15.958 20.1996 15.8076C20.0902 15.6527 19.9284 15.5046 19.7142 15.3633C19.5046 15.222 19.0739 14.9964 18.4222 14.6865C17.8115 14.3994 17.3535 14.1237 17.0482 13.8594C16.7429 13.5951 16.499 13.2874 16.3168 12.9365C16.1345 12.5856 16.0433 12.1755 16.0433 11.7061C16.0433 10.8219 16.3418 10.127 16.9388 9.62109C17.5404 9.11523 18.3698 8.8623 19.4271 8.8623C19.9466 8.8623 20.4411 8.92383 20.9105 9.04688C21.3845 9.16992 21.8789 9.3431 22.3939 9.56641L21.7103 11.2139C21.1771 10.9951 20.7351 10.8424 20.3841 10.7559C20.0378 10.6693 19.696 10.626 19.3588 10.626C18.9577 10.626 18.6501 10.7194 18.4359 10.9062C18.2217 11.0931 18.1146 11.3369 18.1146 11.6377C18.1146 11.8245 18.1579 11.9886 18.2445 12.1299C18.3311 12.2666 18.4678 12.401 18.6546 12.5332C18.8461 12.6608 19.2949 12.8932 20.0013 13.2305C20.9356 13.6771 21.5759 14.126 21.9222 14.5771C22.2686 15.0238 22.4418 15.5729 22.4418 16.2246ZM27.1689 17.4756C27.5335 17.4756 27.971 17.3958 28.4814 17.2363V18.7881C27.9619 19.0205 27.3239 19.1367 26.5674 19.1367C25.7334 19.1367 25.125 18.9271 24.7422 18.5078C24.3639 18.084 24.1748 17.4505 24.1748 16.6074V12.9229H23.1768V12.041L24.3252 11.3438L24.9268 9.73047H26.2598V11.3574H28.3994V12.9229H26.2598V16.6074C26.2598 16.9036 26.3418 17.1224 26.5059 17.2637C26.6745 17.4049 26.8955 17.4756 27.1689 17.4756ZM36.5446 11.3574V12.417L35.3483 12.7246C35.567 13.0664 35.6764 13.4492 35.6764 13.873C35.6764 14.6934 35.3893 15.3337 34.8151 15.7939C34.2454 16.2497 33.4524 16.4775 32.4362 16.4775L32.0602 16.457L31.7526 16.4229C31.5384 16.5869 31.4313 16.7692 31.4313 16.9697C31.4313 17.2705 31.8141 17.4209 32.5797 17.4209H33.8786C34.7171 17.4209 35.3551 17.6009 35.7926 17.9609C36.2347 18.321 36.4557 18.8496 36.4557 19.5469C36.4557 20.4401 36.082 21.1328 35.3346 21.625C34.5918 22.1172 33.5231 22.3633 32.1286 22.3633C31.0621 22.3633 30.2464 22.1764 29.6813 21.8027C29.1207 21.4336 28.8405 20.9141 28.8405 20.2441C28.8405 19.7839 28.984 19.3988 29.2711 19.0889C29.5582 18.779 29.9798 18.5579 30.5358 18.4258C30.3216 18.3346 30.1347 18.1865 29.9752 17.9814C29.8157 17.7718 29.736 17.5508 29.736 17.3184C29.736 17.0267 29.8203 16.7852 29.9889 16.5938C30.1575 16.3978 30.4013 16.2064 30.7204 16.0195C30.3193 15.8464 30.0003 15.5684 29.7633 15.1855C29.5309 14.8027 29.4147 14.3516 29.4147 13.832C29.4147 12.998 29.6858 12.3532 30.2282 11.8975C30.7705 11.4417 31.5452 11.2139 32.5524 11.2139C32.7666 11.2139 33.0195 11.2344 33.3112 11.2754C33.6074 11.3118 33.7965 11.3392 33.8786 11.3574H36.5446ZM30.6452 20.0801C30.6452 20.3672 30.7819 20.5928 31.0553 20.7568C31.3333 20.9209 31.7207 21.0029 32.2174 21.0029C32.9648 21.0029 33.5504 20.9004 33.9743 20.6953C34.3981 20.4902 34.61 20.21 34.61 19.8545C34.61 19.5674 34.4847 19.3691 34.234 19.2598C33.9834 19.1504 33.596 19.0957 33.0719 19.0957H31.9918C31.609 19.0957 31.2877 19.1846 31.028 19.3623C30.7728 19.5446 30.6452 19.7839 30.6452 20.0801ZM31.4039 13.8594C31.4039 14.2741 31.4974 14.6022 31.6842 14.8438C31.8756 15.0853 32.165 15.2061 32.5524 15.2061C32.9443 15.2061 33.2314 15.0853 33.4137 14.8438C33.596 14.6022 33.6871 14.2741 33.6871 13.8594C33.6871 12.9388 33.3089 12.4785 32.5524 12.4785C31.7868 12.4785 31.4039 12.9388 31.4039 13.8594Z" fill="#002838"/>
	</svg>
);

export default withIconSvg(
	Icon,
	false,
	{
		tags: [
			'environment',
			'staging',
			'badge',
			'unicorn',
		],
	},
);
