export const GridFourBlockIcon = () => (
	<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" viewBox="0 0 800 800" width={80} height={80}>
		<defs>
			<style>{".sp-st0{fill:var(--sp-smart-primary-2-600)}"}</style>
		</defs>
		<path
			d="M161.8 380.4H63.9c-29.7 0-53.9-24.2-53.9-53.9V163.3c0-29.7 24.2-53.9 53.9-53.9h97.9c29.7 0 53.9 24.2 53.9 53.9v163.2c0 29.7-24.2 53.9-53.9 53.9ZM63.9 152c-6.3 0-11.4 5.1-11.4 11.4v163.2c0 6.3 5.1 11.4 11.4 11.4h97.9c6.3 0 11.4-5.1 11.4-11.4V163.4c0-6.3-5.1-11.4-11.4-11.4H63.9Z"
			className="sp-st0"
		/>
		<path
			d="M135.7 313.5h-49c-10.8 0-19.6-8.8-19.6-19.6s8.8-19.6 19.6-19.6h49c10.8 0 19.6 8.8 19.6 19.6s-8.8 19.6-19.6 19.6ZM119.3 248.2H86.7c-10.8 0-19.6-8.8-19.6-19.6S75.9 209 86.7 209h32.6c10.8 0 19.6 8.8 19.6 19.6s-8.8 19.6-19.6 19.6ZM161.8 690.5H63.9c-29.7 0-53.9-24.2-53.9-53.9V473.4c0-29.7 24.2-53.9 53.9-53.9h97.9c29.7 0 53.9 24.2 53.9 53.9v163.2c0 29.7-24.2 53.9-53.9 53.9ZM63.9 462c-6.3 0-11.4 5.1-11.4 11.4v163.2c0 6.3 5.1 11.4 11.4 11.4h97.9c6.3 0 11.4-5.1 11.4-11.4V473.4c0-6.3-5.1-11.4-11.4-11.4H63.9Z"
			className="sp-st0"
		/>
		<path
			d="M135.7 623.5h-49c-10.8 0-19.6-8.8-19.6-19.6s8.8-19.6 19.6-19.6h49c10.8 0 19.6 8.8 19.6 19.6s-8.8 19.6-19.6 19.6ZM119.3 558.3H86.7c-10.8 0-19.6-8.8-19.6-19.6s8.8-19.6 19.6-19.6h32.6c10.8 0 19.6 8.8 19.6 19.6s-8.8 19.6-19.6 19.6ZM489.8 690.5H310.3c-29.7 0-53.9-24.2-53.9-53.9V163.4c0-29.7 24.2-53.9 53.9-53.9h179.5c29.7 0 53.9 24.2 53.9 53.9v473.2c0 29.7-24.2 53.9-53.9 53.9ZM310.3 152c-6.3 0-11.4 5.1-11.4 11.4v473.2c0 6.3 5.1 11.4 11.4 11.4h179.5c6.3 0 11.4-5.1 11.4-11.4V163.4c0-6.3-5.1-11.4-11.4-11.4H310.3Z"
			className="sp-st0"
		/>
		<path
			d="M458.8 623h-124c-10.8 0-19.6-8.8-19.6-19.6s8.8-19.6 19.6-19.6h124c10.8 0 19.6 8.8 19.6 19.6s-8.8 19.6-19.6 19.6ZM424.5 563.1h-89.7c-10.8 0-19.6-8.8-19.6-19.6s8.8-19.6 19.6-19.6h89.7c10.8 0 19.6 8.8 19.6 19.6s-8.8 19.6-19.6 19.6ZM736.1 380.4h-97.9c-29.7 0-53.9-24.2-53.9-53.9V163.3c0-29.7 24.2-53.9 53.9-53.9h97.9c29.7 0 53.9 24.2 53.9 53.9v163.2c0 29.7-24.2 53.9-53.9 53.9ZM638.2 152c-6.3 0-11.4 5.1-11.4 11.4v163.2c0 6.3 5.1 11.4 11.4 11.4h97.9c6.3 0 11.4-5.1 11.4-11.4V163.4c0-6.3-5.1-11.4-11.4-11.4h-97.9Z"
			className="sp-st0"
		/>
		<path
			d="M710 313.5h-49c-10.8 0-19.6-8.8-19.6-19.6s8.8-19.6 19.6-19.6h49c10.8 0 19.6 8.8 19.6 19.6s-8.8 19.6-19.6 19.6ZM693.7 248.2h-32.6c-10.8 0-19.6-8.8-19.6-19.6s8.8-19.6 19.6-19.6h32.6c10.8 0 19.6 8.8 19.6 19.6s-8.8 19.6-19.6 19.6ZM736.1 690.5h-97.9c-29.7 0-53.9-24.2-53.9-53.9V473.4c0-29.7 24.2-53.9 53.9-53.9h97.9c29.7 0 53.9 24.2 53.9 53.9v163.2c0 29.7-24.2 53.9-53.9 53.9ZM638.2 462c-6.3 0-11.4 5.1-11.4 11.4v163.2c0 6.3 5.1 11.4 11.4 11.4h97.9c6.3 0 11.4-5.1 11.4-11.4V473.4c0-6.3-5.1-11.4-11.4-11.4h-97.9Z"
			className="sp-st0"
		/>
		<path
			d="M710 623.5h-49c-10.8 0-19.6-8.8-19.6-19.6s8.8-19.6 19.6-19.6h49c10.8 0 19.6 8.8 19.6 19.6s-8.8 19.6-19.6 19.6ZM693.7 558.3h-32.6c-10.8 0-19.6-8.8-19.6-19.6s8.8-19.6 19.6-19.6h32.6c10.8 0 19.6 8.8 19.6 19.6s-8.8 19.6-19.6 19.6Z"
			className="sp-st0"
		/>
	</svg>
);

export const PostGridFourPreviewImage = () => (
	<svg viewBox="0 0 236 158" fill="none" xmlns="http://www.w3.org/2000/svg">
		<rect x={0.75} y={0.75} width={234.5} height={156.5} rx={3.25} stroke="#9EA9B2" strokeWidth={1.5} />
		<mask id="path-2-inside-1_15398_19162" fill="white">
			<rect x={77} y={24} width={82} height={110} rx={2} />
		</mask>
		<rect
			x={77}
			y={24}
			width={82}
			height={110}
			rx={2}
			stroke="#718491"
			strokeWidth={8}
			mask="url(#path-2-inside-1_15398_19162)"
		/>
		<path
			d="M110 53.9944C110 48.473 105.516 44 99.9944 44C94.473 44 90 48.4731 90 53.9944C90 59.5161 94.4731 64 99.9944 64C105.516 64 110 59.5157 110 53.9944Z"
			fill="#718491"
		/>
		<path
			d="M84.6296 105.307C83.158 102.627 81.5736 99.7421 79 97.8413V134H158V112.112C149.543 109.911 143.239 99.3728 137.684 90.0855C132.893 82.0776 128.66 75 124.082 75C118.374 75 111.656 85.8931 105.498 95.8761C100.291 104.319 95.4845 112.112 92.0312 112.112C88.366 112.112 86.5987 108.893 84.6296 105.307Z"
			fill="#718491"
		/>
		<path
			opacity={0.8}
			d="M77 26C77 24.8954 77.8954 24 79 24H157C158.105 24 159 24.8954 159 26V132C159 133.105 158.105 134 157 134H79C77.8954 134 77 133.105 77 132V26Z"
			fill="#718491"
		/>
		<rect x={83} y={111} width={69.5703} height={5} rx={2.5} fill="white" />
		<rect x={83} y={121} width={30} height={4} rx={2} fill="white" />
		<rect x={118.352} y={121} width={22} height={4} rx={2} fill="white" />
		<mask id="path-9-inside-2_15398_19162" fill="white">
			<rect x={18} y={24} width={51} height={51} rx={2} />
		</mask>
		<rect
			x={18}
			y={24}
			width={51}
			height={51}
			rx={2}
			stroke="#718491"
			strokeWidth={8}
			mask="url(#path-9-inside-2_15398_19162)"
		/>
		<path
			d="M34 36.9972C34 34.2365 31.7579 32 28.9972 32C26.2365 32 24 34.2366 24 36.9972C24 39.758 26.2366 42 28.9972 42C31.758 42 34 39.7579 34 36.9972Z"
			fill="#718491"
		/>
		<path
			d="M24.1711 57.1894C23.3422 55.8535 22.4497 54.4153 21 53.4678V71.4919H65.5V60.5812C60.736 59.4843 57.1852 54.2312 54.0559 49.6017C51.3577 45.61 48.973 42.082 46.3943 42.082C43.1792 42.082 39.3946 47.512 35.9263 52.4882C32.9928 56.6969 30.2856 60.5812 28.3404 60.5812C26.2758 60.5812 25.2803 58.9769 24.1711 57.1894Z"
			fill="#718491"
		/>
		<path
			opacity={0.8}
			d="M18 26C18 24.8954 18.8954 24 20 24H67C68.1046 24 69 24.8954 69 26V73C69 74.1046 68.1046 75 67 75H20C18.8954 75 18 74.1046 18 73V26Z"
			fill="#718491"
		/>
		<rect x={23} y={57} width={41} height={4} rx={2} fill="white" />
		<rect x={23} y={66} width={20} height={3} rx={1.5} fill="white" />
		<rect x={45.3501} y={66} width={15} height={3} rx={1.5} fill="white" />
		<mask id="path-16-inside-3_15398_19162" fill="white">
			<rect x={167} y={24} width={51} height={51} rx={2} />
		</mask>
		<rect
			x={167}
			y={24}
			width={51}
			height={51}
			rx={2}
			stroke="#718491"
			strokeWidth={8}
			mask="url(#path-16-inside-3_15398_19162)"
		/>
		<path
			d="M183 36.9972C183 34.2365 180.758 32 177.997 32C175.237 32 173 34.2366 173 36.9972C173 39.758 175.237 42 177.997 42C180.758 42 183 39.7579 183 36.9972Z"
			fill="#718491"
		/>
		<path
			d="M173.171 57.1894C172.342 55.8535 171.45 54.4153 170 53.4678V71.4919H214.5V60.5812C209.736 59.4843 206.185 54.2312 203.056 49.6017C200.358 45.61 197.973 42.082 195.394 42.082C192.179 42.082 188.395 47.512 184.926 52.4882C181.993 56.6969 179.286 60.5812 177.34 60.5812C175.276 60.5812 174.28 58.9769 173.171 57.1894Z"
			fill="#718491"
		/>
		<path
			opacity={0.8}
			d="M167 26C167 24.8954 167.895 24 169 24H216C217.105 24 218 24.8954 218 26V73C218 74.1046 217.105 75 216 75H169C167.895 75 167 74.1046 167 73V26Z"
			fill="#718491"
		/>
		<rect x={172} y={57} width={41} height={4} rx={2} fill="white" />
		<rect x={172} y={66} width={20} height={3} rx={1.5} fill="white" />
		<rect x={194.35} y={66} width={15} height={3} rx={1.5} fill="white" />
		<mask id="path-23-inside-4_15398_19162" fill="white">
			<rect x={18} y={83} width={51} height={51} rx={2} />
		</mask>
		<rect
			x={18}
			y={83}
			width={51}
			height={51}
			rx={2}
			stroke="#718491"
			strokeWidth={8}
			mask="url(#path-23-inside-4_15398_19162)"
		/>
		<path
			d="M34 95.9972C34 93.2365 31.7579 91 28.9972 91C26.2365 91 24 93.2366 24 95.9972C24 98.758 26.2366 101 28.9972 101C31.758 101 34 98.7579 34 95.9972Z"
			fill="#718491"
		/>
		<path
			d="M24.1711 116.189C23.3422 114.854 22.4497 113.415 21 112.468V130.492H65.5V119.581C60.736 118.484 57.1852 113.231 54.0559 108.602C51.3577 104.61 48.973 101.082 46.3943 101.082C43.1792 101.082 39.3946 106.512 35.9263 111.488C32.9928 115.697 30.2856 119.581 28.3404 119.581C26.2758 119.581 25.2803 117.977 24.1711 116.189Z"
			fill="#718491"
		/>
		<path
			opacity={0.8}
			d="M18 85C18 83.8954 18.8954 83 20 83H67C68.1046 83 69 83.8954 69 85V132C69 133.105 68.1046 134 67 134H20C18.8954 134 18 133.105 18 132V85Z"
			fill="#718491"
		/>
		<rect x={23} y={116} width={41} height={4} rx={2} fill="white" />
		<rect x={23} y={125} width={20} height={3} rx={1.5} fill="white" />
		<rect x={45.3501} y={125} width={15} height={3} rx={1.5} fill="white" />
		<mask id="path-30-inside-5_15398_19162" fill="white">
			<rect x={167} y={83} width={51} height={51} rx={2} />
		</mask>
		<rect
			x={167}
			y={83}
			width={51}
			height={51}
			rx={2}
			stroke="#718491"
			strokeWidth={8}
			mask="url(#path-30-inside-5_15398_19162)"
		/>
		<path
			d="M183 95.9972C183 93.2365 180.758 91 177.997 91C175.237 91 173 93.2366 173 95.9972C173 98.758 175.237 101 177.997 101C180.758 101 183 98.7579 183 95.9972Z"
			fill="#718491"
		/>
		<path
			d="M173.171 116.189C172.342 114.854 171.45 113.415 170 112.468V130.492H214.5V119.581C209.736 118.484 206.185 113.231 203.056 108.602C200.358 104.61 197.973 101.082 195.394 101.082C192.179 101.082 188.395 106.512 184.926 111.488C181.993 115.697 179.286 119.581 177.34 119.581C175.276 119.581 174.28 117.977 173.171 116.189Z"
			fill="#718491"
		/>
		<path
			opacity={0.8}
			d="M167 85C167 83.8954 167.895 83 169 83H216C217.105 83 218 83.8954 218 85V132C218 133.105 217.105 134 216 134H169C167.895 134 167 133.105 167 132V85Z"
			fill="#718491"
		/>
		<rect x={172} y={116} width={41} height={4} rx={2} fill="white" />
		<rect x={172} y={125} width={20} height={3} rx={1.5} fill="white" />
		<rect x={194.35} y={125} width={15} height={3} rx={1.5} fill="white" />
	</svg>
);