export const TimelineOneBlockIcon = () => (
	<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="M398.8 9.1c9 0 16.3 7.3 16.3 16.3v749.2c0 9-7.3 16.3-16.3 16.3s-16.3-7.3-16.3-16.3V25.4c0-9 7.3-16.3 16.3-16.3Z"
			className="sp-st0"
		/>
		<circle cx={398.8} cy={140} r={40.7} className="sp-st0" />
		<circle cx={398.8} cy={364.7} r={40.7} className="sp-st0" />
		<circle cx={398.8} cy={589.5} r={40.7} className="sp-st0" />
		<path
			d="M443.7 136.7c-2.3 1.5-2.3 5.1 0 6.5l41.9 26.1c2.3 1.5 5.2-.4 5.2-3.3v-52.2c0-2.9-2.9-4.7-5.2-3.3l-41.9 26.1Z"
			className="sp-st0"
		/>
		<path
			d="M738.9 318.6H515.3c-28.2 0-51.1-22.9-51.1-51.1V92.8c0-28.2 22.9-51.1 51.1-51.1h223.6c28.2 0 51.1 22.9 51.1 51.1v174.7c0 28.2-22.9 51.1-51.1 51.1ZM515.3 74.3c-10.2 0-18.5 8.3-18.5 18.5v174.7c0 10.2 8.3 18.5 18.5 18.5h223.6c10.2 0 18.5-8.3 18.5-18.5V92.8c0-10.2-8.3-18.5-18.5-18.5H515.3Z"
			className="sp-st0"
		/>
		<path
			d="M537.5 229h97.7c9 0 16.3 7.3 16.3 16.3s-7.3 16.3-16.3 16.3h-97.7c-9 0-16.3-7.3-16.3-16.3s7.3-16.3 16.3-16.3ZM701.1 127.2v47.4H549.4v-47.4h151.7m16.1-28H533.4c-6.6 0-11.9 5.3-11.9 11.9v79.5c0 6.6 5.3 11.9 11.9 11.9h183.8c6.6 0 11.9-5.3 11.9-11.9v-79.5c0-6.6-5.3-11.9-11.9-11.9ZM443.6 581.3c-2.3 1.4-2.3 5.1 0 6.5l41.9 26.1c2.3 1.5 5.2-.4 5.2-3.3v-52.2c0-2.9-2.9-4.7-5.2-3.3l-41.9 26.1Z"
			className="sp-st0"
		/>
		<path
			d="M737.1 763.2H513.5c-28.2 0-51.1-22.9-51.1-51.1V537.4c0-28.2 22.9-51.1 51.1-51.1h223.6c28.2 0 51.1 22.9 51.1 51.1v174.7c0 28.2-22.9 51.1-51.1 51.1ZM513.5 518.9c-10.2 0-18.5 8.3-18.5 18.5v174.7c0 10.2 8.3 18.5 18.5 18.5h223.6c10.2 0 18.5-8.3 18.5-18.5V537.4c0-10.2-8.3-18.5-18.5-18.5H513.5Z"
			className="sp-st0"
		/>
		<path
			d="M535.7 673.6h97.7c9 0 16.3 7.3 16.3 16.3s-7.3 16.3-16.3 16.3h-97.7c-9 0-16.3-7.3-16.3-16.3s7.3-16.3 16.3-16.3ZM701.1 571.3v47.4H549.4v-47.4h151.7m16.1-28H533.4c-6.6 0-11.9 5.3-11.9 11.9v79.5c0 6.6 5.3 11.9 11.9 11.9h183.8c6.6 0 11.9-5.3 11.9-11.9v-79.5c0-6.6-5.3-11.9-11.9-11.9ZM354.5 368c2.3-1.4 2.3-5.1 0-6.5l-41.9-26.1c-2.3-1.4-5.2.4-5.2 3.3v52.2c0 2.9 2.9 4.7 5.2 3.3l41.9-26.1Z"
			className="sp-st0"
		/>
		<path
			d="M284.7 543.3H61.1c-28.2 0-51.1-22.9-51.1-51.1V317.5c0-28.2 22.9-51.1 51.1-51.1h223.6c28.2 0 51.1 22.9 51.1 51.1v174.7c0 28.2-22.9 51.1-51.1 51.1ZM61.1 299c-10.2 0-18.5 8.3-18.5 18.5v174.7c0 10.2 8.3 18.5 18.5 18.5h223.6c10.2 0 18.5-8.3 18.5-18.5V317.5c0-10.2-8.3-18.5-18.5-18.5H61.1Z"
			className="sp-st0"
		/>
		<path
			d="M83.3 453.7H181c9 0 16.3 7.3 16.3 16.3s-7.3 16.3-16.3 16.3H83.3c-9 0-16.3-7.3-16.3-16.3s7.3-16.3 16.3-16.3ZM248.7 353.7v47.4H97v-47.4h151.7m16.1-28H81c-6.6 0-11.9 5.3-11.9 11.9v79.5c0 6.6 5.3 11.9 11.9 11.9h183.8c6.6 0 11.9-5.3 11.9-11.9v-79.5c0-6.6-5.3-11.9-11.9-11.9Z"
			className="sp-st0"
		/>
	</svg>
);

export const PostTimelineOnePreviewImage = () => (
	<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} />
		<rect x={116.203} y={18} width={3.58824} height={122} rx={1.79412} fill="#718491" />
		<rect x={113} y={28.7646} width={10.7647} height={10.7647} rx={5.38235} fill="#8796A1" />
		<rect x={113} y={61} width={10.7647} height={10.7647} rx={5.38235} fill="#8796A1" />
		<rect x={113} y={93} width={10.7647} height={10.7647} rx={5.38235} fill="#8796A1" />
		<rect x={133.247} y={18.8971} width={57.5588} height={56.6605} rx={2.69118} fill="white" />
		<rect
			x={133.247}
			y={18.8971}
			width={57.5588}
			height={56.6605}
			rx={2.69118}
			stroke="#718491"
			strokeWidth={1.79412}
		/>
		<mask id="path-7-inside-1_15400_22056" fill="white">
			<rect x={139.527} y={25.1763} width={45} height={30} rx={1.16379} />
		</mask>
		<rect
			x={139.527}
			y={25.1763}
			width={45}
			height={30}
			rx={1.16379}
			stroke="#718491"
			strokeWidth={5}
			mask="url(#path-7-inside-1_15400_22056)"
		/>
		<path
			d="M154.231 34.2902C154.231 31.9848 152.371 30.1172 150.081 30.1172C147.791 30.1172 145.935 31.9849 145.935 34.2902C145.935 36.5957 147.791 38.4679 150.081 38.4679C152.371 38.4679 154.231 36.5955 154.231 34.2902Z"
			fill="#718491"
		/>
		<path
			d="M143.582 45.2803C142.767 44.4393 141.89 43.5339 140.464 42.9374V54.2844H184.214V47.4156C179.531 46.7251 176.04 43.418 172.963 40.5035C170.31 37.9906 167.966 35.7695 165.431 35.7695C162.27 35.7695 158.549 39.1879 155.139 42.3207C152.255 44.9703 149.593 47.4156 147.681 47.4156C145.651 47.4156 144.673 46.4057 143.582 45.2803Z"
			fill="#718491"
		/>
		<rect x={139.527} y={60.1763} width={43} height={3} rx={1.5} fill="#718491" />
		<rect x={139.527} y={66.2778} width={28} height={3} rx={1.5} fill="#718491" />
		<path
			d="M127.349 34.5275C127.138 34.3173 127.138 33.9766 127.349 33.7664L132.35 28.7646V39.5293L127.349 34.5275Z"
			fill="#718491"
		/>
		<rect x={133.247} y={83.2496} width={57.5588} height={56.6605} rx={2.69118} fill="white" />
		<rect
			x={133.247}
			y={83.2496}
			width={57.5588}
			height={56.6605}
			rx={2.69118}
			stroke="#718491"
			strokeWidth={1.79412}
		/>
		<mask id="path-14-inside-2_15400_22056" fill="white">
			<rect x={139.527} y={89.5288} width={45} height={30} rx={1.16379} />
		</mask>
		<rect
			x={139.527}
			y={89.5288}
			width={45}
			height={30}
			rx={1.16379}
			stroke="#718491"
			strokeWidth={5}
			mask="url(#path-14-inside-2_15400_22056)"
		/>
		<path
			d="M154.231 98.6428C154.231 96.3374 152.371 94.4697 150.081 94.4697C147.791 94.4697 145.935 96.3374 145.935 98.6428C145.935 100.948 147.791 102.82 150.081 102.82C152.371 102.82 154.231 100.948 154.231 98.6428Z"
			fill="#718491"
		/>
		<path
			d="M143.582 109.633C142.767 108.792 141.89 107.886 140.464 107.29V118.637H184.214V111.768C179.531 111.078 176.04 107.771 172.963 104.856C170.31 102.343 167.966 100.122 165.431 100.122C162.27 100.122 158.549 103.54 155.139 106.673C152.255 109.323 149.593 111.768 147.681 111.768C145.651 111.768 144.673 110.758 143.582 109.633Z"
			fill="#718491"
		/>
		<rect x={139.527} y={124.529} width={43} height={3} rx={1.5} fill="#718491" />
		<rect x={139.527} y={130.63} width={28} height={3} rx={1.5} fill="#718491" />
		<path
			d="M127.349 98.8806C127.138 98.6704 127.138 98.3296 127.349 98.1194L132.35 93.1176V103.882L127.349 98.8806Z"
			fill="#718491"
		/>
		<rect x={45.8194} y={50.7203} width={57.5588} height={56.6605} rx={2.69118} fill="white" />
		<rect
			x={45.8194}
			y={50.7203}
			width={57.5588}
			height={56.6605}
			rx={2.69118}
			stroke="#718491"
			strokeWidth={1.79412}
		/>
		<mask id="path-21-inside-3_15400_22056" fill="white">
			<rect x={52.0989} y={56.9995} width={45} height={30} rx={1.16379} />
		</mask>
		<rect
			x={52.0989}
			y={56.9995}
			width={45}
			height={30}
			rx={1.16379}
			stroke="#718491"
			strokeWidth={5}
			mask="url(#path-21-inside-3_15400_22056)"
		/>
		<path
			d="M66.8034 66.1135C66.8034 63.8081 64.9433 61.9404 62.653 61.9404C60.3628 61.9404 58.5073 63.8081 58.5073 66.1135C58.5073 68.4189 60.3628 70.2911 62.653 70.2911C64.9435 70.2911 66.8034 68.4188 66.8034 66.1135Z"
			fill="#718491"
		/>
		<path
			d="M56.154 77.1036C55.3391 76.2626 54.4617 75.3571 53.0364 74.7606V86.1077H96.7864V79.2388C92.1027 78.5483 88.6117 75.2412 85.5352 72.3268C82.8825 69.8138 80.5379 67.5928 78.0027 67.5928C74.8417 67.5928 71.121 71.0112 67.7111 74.1439C64.8271 76.7935 62.1655 79.2388 60.253 79.2388C58.2232 79.2388 57.2445 78.2289 56.154 77.1036Z"
			fill="#718491"
		/>
		<rect x={52.0989} y={91.9995} width={43} height={3} rx={1.5} fill="#718491" />
		<rect x={52.0989} y={98.1011} width={28} height={3} rx={1.5} fill="#718491" />
		<path
			d="M108.647 66.3508C108.857 66.1406 108.857 65.7998 108.647 65.5896L103.645 60.5878V71.3525L108.647 66.3508Z"
			fill="#718491"
		/>
	</svg>
);