export const PostSliderBlockIcon = () => (
	<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" width={80} height={80} viewBox="0 0 800 800">
		<defs>
			<style>{".sp-st0{fill:var(--sp-smart-primary-2-600)}"}</style>
		</defs>
		<path
			d="M734.8 696.8H65.2C34.7 696.8 10 672 10 641.6V139.5c0-30.5 24.8-55.2 55.2-55.2h669.5c30.5 0 55.2 24.8 55.2 55.2v502.1c0 30.5-24.8 55.2-55.2 55.2Zm-669.6-569c-6.5 0-11.7 5.3-11.7 11.7v502.1c0 6.5 5.2 11.7 11.7 11.7h669.5c6.5 0 11.7-5.3 11.7-11.7V139.5c0-6.5-5.2-11.7-11.7-11.7H65.2Z"
			className="sp-st0"
		/>
		<path
			d="M450.2 320.3H349.8c-7.4 0-13.4-6-13.4-13.4s6-13.4 13.4-13.4h100.4c7.4 0 13.4 6 13.4 13.4s-6 13.4-13.4 13.4ZM550.6 415.7H249.4c-13.9 0-25.1-11.2-25.1-25.1s11.2-25.1 25.1-25.1h301.3c13.9 0 25.1 11.2 25.1 25.1s-11.2 25.1-25.1 25.1ZM500.4 494.3H299.5c-11.1 0-20.1-9-20.1-20.1s9-20.1 20.1-20.1h200.9c11.1 0 20.1 9 20.1 20.1s-9 20.1-20.1 20.1ZM626 474.2c-4.3 0-8.6-1.6-11.8-4.9-6.5-6.5-6.5-17.1 0-23.7l55.1-55.1-55.1-55.1c-6.5-6.5-6.5-17.1 0-23.7 6.5-6.5 17.1-6.5 23.7 0l55.1 55.1c13 13 13 34.3 0 47.3l-55.1 55.1c-3.3 3.3-7.6 4.9-11.8 4.9ZM174 474.2c-4.3 0-8.6-1.6-11.8-4.9l-55.1-55.1c-13-13-13-34.3 0-47.3l55.1-55.1c6.5-6.5 17.1-6.5 23.7 0 6.5 6.5 6.5 17.1 0 23.7l-55.1 55.1 55.1 55.1c6.5 6.5 6.5 17.1 0 23.7-3.3 3.3-7.6 4.9-11.8 4.9Z"
			className="sp-st0"
		/>
	</svg>
);

export const PostSliderPreviewImage = () => (
	<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="mask0_15335_15103"
			style={{
				maskType: "alpha",
			}}
			maskUnits="userSpaceOnUse"
			x={26}
			y={18}
			width={184}
			height={122}
		>
			<rect x={26} y={18} width={184} height={122} rx={2} fill="#D9D9D9" />
		</mask>
		<g mask="url(#mask0_15335_15103)">
			<path
				fillRule="evenodd"
				clipRule="evenodd"
				d="M202.333 23.0833H33.6667C32.2553 23.0833 31.1111 24.2213 31.1111 25.625V132.375C31.1111 133.779 32.2553 134.917 33.6667 134.917H202.333C203.745 134.917 204.889 133.779 204.889 132.375V25.625C204.889 24.2213 203.745 23.0833 202.333 23.0833ZM26 18V140H210V18H26Z"
				fill="#718491"
			/>
			<path
				d="M86.1247 55.0662C86.1247 45.691 78.5189 38.0959 69.1544 38.0959C59.7896 38.0959 52.2029 45.6912 52.2029 55.0662C52.2029 64.4418 59.7898 72.0554 69.1544 72.0554C78.5196 72.0554 86.1247 64.4412 86.1247 55.0662Z"
				fill="#718491"
			/>
			<path
				d="M42.5811 99.7584C39.2488 96.3383 35.6611 92.6562 29.8333 90.2304V136.375H208.722V108.442C189.571 105.634 175.297 92.1849 162.717 80.3328C151.871 70.1133 142.284 61.0811 131.918 61.0811C118.993 61.0811 103.779 74.9826 89.8365 87.7225C78.0441 98.4976 67.1611 108.442 59.3415 108.442C51.0418 108.442 47.0401 104.335 42.5811 99.7584Z"
				fill="#718491"
			/>
		</g>
		<path
			d="M208 18H28C26.8954 18 26 18.8954 26 20V138C26 139.105 26.8954 140 28 140H208C209.105 140 210 139.105 210 138V20C210 18.8954 209.105 18 208 18Z"
			fill="#58707F"
			fillOpacity={0.6}
		/>
		<path
			d="M188.093 87.1551L196.185 78.5775L188.093 70"
			stroke="white"
			strokeWidth={3.43101}
			strokeLinecap="round"
			strokeLinejoin="round"
		/>
		<path
			d="M48.0918 70.0002L39.9998 78.5777L48.0918 87.1553"
			stroke="white"
			strokeWidth={3.43101}
			strokeLinecap="round"
			strokeLinejoin="round"
		/>
		<rect x={76.9722} y={60} width={81.6667} height={8.16667} rx={4.08333} fill="white" />
		<rect x={62} y={74.9722} width={111.611} height={5.44444} rx={2.72222} fill="white" />
		<rect x={97.3892} y={87.2222} width={40.8333} height={10.8889} rx={2.17778} fill="white" />
		<rect x={104.194} y={90.6245} width={27.2222} height={4.08333} rx={2.04167} fill="#718491" />
	</svg>
);