export const SliderBlockIcon = () => (
	<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
		<path
			d="M22.35 3a.35.35 0 0 0-.35-.35H2a.35.35 0 0 0-.35.35v18c0 .193.157.35.35.35h20a.35.35 0 0 0 .35-.35zm1.3 18A1.65 1.65 0 0 1 22 22.65H2A1.65 1.65 0 0 1 .35 21V3c0-.911.739-1.65 1.65-1.65h20c.911 0 1.65.739 1.65 1.65z"
			fill="#1e67d8"
		/>
		<path
			d="M12.9 8.5a.9.9 0 1 0-1.8 0 .9.9 0 0 0 1.8 0m1.2 0a2.1 2.1 0 1 1-4.199 0 2.1 2.1 0 0 1 4.199 0m.4 3.4a.6.6 0 1 1 0 1.2h-5a.6.6 0 1 1 0-1.2zm2.5 2.3a.5.5 0 0 1 0 1H7a.5.5 0 1 1 0-1zm-3.5 2.2a.5.5 0 0 1 0 1h-3a.5.5 0 1 1 0-1zm5.647-6.253a.5.5 0 0 1 .707 0L21 11.293a1 1 0 0 1 0 1.414l-1.146 1.146a.5.5 0 1 1-.707-.707L20.293 12l-1.146-1.146a.5.5 0 0 1 0-.707M4.854 13.773a.5.5 0 0 1-.708 0L3 12.627a1 1 0 0 1 0-1.414l1.146-1.147a.5.5 0 1 1 .708.707L3.707 11.92l1.147 1.146a.5.5 0 0 1 0 .707"
			fill="#1e67d8"
		/>
	</svg>
);

export const SliderBlockPreviewImage = () => (
	<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} />
		<path
			d="M208.802 19.596c0-.773-.626-1.399-1.399-1.399H28.597a1.4 1.4 0 0 0-1.4 1.399v118.809a1.4 1.4 0 0 0 1.4 1.398h178.806c.773 0 1.399-.627 1.399-1.398zM210 138.404a2.596 2.596 0 0 1-2.597 2.595H28.597A2.596 2.596 0 0 1 26 138.405V19.595A2.596 2.596 0 0 1 28.597 17h178.806A2.596 2.596 0 0 1 210 19.596z"
			fill="#718491"
		/>
		<path
			d="m187.676 86.078 6.591-7-6.591-7m-140 0-6.592 7 6.592 7"
			stroke="#718491"
			strokeWidth={3}
			strokeLinecap="round"
			strokeLinejoin="round"
		/>
		<g clipPath="url(#a)">
			<path
				fillRule="evenodd"
				clipRule="evenodd"
				d="M118 37a10 10 0 1 0 0 20 10 10 0 0 0 0-20m-6.666 16.846a9.525 9.525 0 0 0 13.333 0v-.082a3.37 3.37 0 0 0-.976-2.374 3.32 3.32 0 0 0-2.357-.984h-6.667c-.883 0-1.732.354-2.357.984a3.37 3.37 0 0 0-.976 2.374zm10-8.378c0 1.855-1.493 3.357-3.334 3.357s-3.334-1.504-3.334-3.357 1.493-3.358 3.334-3.358 3.334 1.504 3.334 3.358"
				fill="#718491"
			/>
		</g>
		<path
			d="M76.632 67.032c0-1.14.924-2.064 2.064-2.064h77.672a2.064 2.064 0 0 1 0 4.128H78.697a2.064 2.064 0 0 1-2.065-2.064"
			fill="#718491"
		/>
		<path
			d="M65.992 77.94c0-.684.558-1.238 1.245-1.238h100.59c.688 0 1.245.554 1.245 1.238s-.557 1.239-1.245 1.239H67.237a1.24 1.24 0 0 1-1.245-1.239m1.66 5.78c0-.684.558-1.238 1.245-1.238h97.27c.688 0 1.245.554 1.245 1.238s-.557 1.239-1.245 1.239h-97.27a1.24 1.24 0 0 1-1.245-1.239m7.81 5.78c0-.684.558-1.239 1.245-1.239h81.65c.688 0 1.245.555 1.245 1.239s-.557 1.239-1.245 1.239h-81.65a1.24 1.24 0 0 1-1.245-1.24"
			fill="#9ea9b2"
		/>
		<rect x={89.532} y={112.866} width={56} height={3} rx={1.5} fill="#718491" />
		<rect x={99.532} y={118.866} width={36} height={2.4} rx={1.2} fill="#9ea9b2" />
		<path
			d="m100.056 98 1.283 2.514 2.773.442-1.986 1.989.441 2.776-2.511-1.271-2.497 1.271.428-2.776L96 100.956l2.787-.442zm8.724.14 1.283 2.514 2.773.442-1.987 1.989.441 2.776-2.51-1.271-2.498 1.271.428-2.776-1.987-1.989 2.787-.442zm8.72 0 1.283 2.514 2.773.442-1.987 1.989.442 2.776-2.511-1.271-2.497 1.271.427-2.776-1.986-1.989 2.787-.442zm8.721 0 1.283 2.514 2.773.442-1.986 1.989.441 2.776-2.511-1.271-2.497 1.271.428-2.776-1.987-1.989 2.787-.442zm8.723.14 1.283 2.513 2.773.442-1.987 1.989.442 2.776-2.511-1.271-2.497 1.271.427-2.776-1.986-1.989 2.787-.442z"
			fill="#718491"
		/>
		<defs>
			<clipPath id="a">
				<path fill="#fff" d="M108 37h20v20h-20z" />
			</clipPath>
		</defs>
	</svg>
);