export const CarouselBlockIcon = () => (
	<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
		<path
			d="M18.95 17.225v-14c0-.911.74-1.65 1.65-1.65h2.7a.65.65 0 0 1 0 1.3h-2.7a.35.35 0 0 0-.349.35v14c0 .194.156.35.35.35h2.7a.65.65 0 0 1 0 1.3h-2.7a1.65 1.65 0 0 1-1.65-1.65m-15.201 0v-14a.35.35 0 0 0-.35-.35H.7a.65.65 0 0 1 0-1.3h2.7c.912 0 1.65.739 1.65 1.65v14a1.65 1.65 0 0 1-1.65 1.65H.7a.65.65 0 0 1 0-1.3h2.7a.35.35 0 0 0 .35-.35m6.05 4.3a.9.9 0 1 1-1.8 0 .9.9 0 0 1 1.8 0m3.1 0a.9.9 0 1 1-1.8 0 .9.9 0 0 1 1.8 0m3.1 0a.9.9 0 1 1-1.8 0 .9.9 0 0 1 1.8 0m.35-18.3a.35.35 0 0 0-.35-.35H8a.35.35 0 0 0-.349.35v14c0 .194.156.35.35.35h8a.35.35 0 0 0 .35-.35zm1.301 14a1.65 1.65 0 0 1-1.65 1.65H8a1.65 1.65 0 0 1-1.65-1.65v-14c0-.911.738-1.65 1.65-1.65h8c.911 0 1.65.739 1.65 1.65z"
			fill="#1e67d8"
		/>
		<path
			d="M11.797 5.326a.23.23 0 0 1 .407 0l.624 1.182a.23.23 0 0 0 .165.12l1.316.227a.23.23 0 0 1 .126.388l-.931.958a.23.23 0 0 0-.063.193l.19 1.323a.23.23 0 0 1-.33.24l-1.199-.59a.23.23 0 0 0-.203 0l-1.2.59a.23.23 0 0 1-.329-.24l.19-1.323a.23.23 0 0 0-.062-.193l-.932-.958a.23.23 0 0 1 .126-.388l1.317-.228a.23.23 0 0 0 .164-.12zm2.703 6.8a.6.6 0 1 1 0 1.199h-5a.6.6 0 1 1 0-1.2zm-.799 2.3a.6.6 0 0 1 0 1.199h-3.4a.6.6 0 1 1 0-1.2zM.987 6.542l-.436-.71C.479 5.717.3 5.768.3 5.904V9.12a.2.2 0 0 0 .112.18l1.021.502a.218.218 0 0 0 .312-.226l-.18-1.25a.22.22 0 0 1 .06-.183l.88-.906a.218.218 0 0 0-.12-.366l-1.244-.216a.22.22 0 0 1-.155-.113M2.3 12.126a.6.6 0 1 1 0 1.199H.8a.6.6 0 1 1 0-1.2zm-.5 2.2a.6.6 0 1 1 0 1.199h-1a.6.6 0 1 1 0-1.2zm21.277-7.784.436-.71c.071-.116.25-.065.25.071V9.12a.2.2 0 0 1-.112.18l-1.022.502a.218.218 0 0 1-.311-.226l.18-1.25a.22.22 0 0 0-.06-.183l-.88-.906a.218.218 0 0 1 .119-.366l1.244-.216a.22.22 0 0 0 .156-.113m.123 5.584a.6.6 0 1 1 0 1.199h-1.5a.6.6 0 1 1 0-1.2zm0 2.2a.6.6 0 1 1 0 1.199h-1a.6.6 0 1 1 0-1.2z"
			fill="#1e67d8"
		/>
	</svg>
);

export const CarouselTemplateOneIcon = ({ isActive }) => (
	<svg width={76} height={53} viewBox="0 0 76 53" fill="none" xmlns="http://www.w3.org/2000/svg">
		<rect
			x={0.75}
			y={0.75}
			width={74.5}
			height={51.5}
			rx={2.25}
			stroke={isActive ? "var(--sp-real-primary-color)" : "#718491"}
			strokeWidth={1.5}
		/>
		<path
			d="M67.142 21.139a.444.444 0 0 1 .629.019l1.954 2.081a.447.447 0 0 1 0 .612l-1.954 2.082a.444.444 0 0 1-.629.018.447.447 0 0 1-.019-.63l1.667-1.776-1.667-1.776a.447.447 0 0 1 .02-.63M8.804 25.952a.444.444 0 0 1-.629-.02l-1.954-2.081a.447.447 0 0 1 0-.612l1.954-2.081a.444.444 0 0 1 .629-.02.447.447 0 0 1 .019.631l-1.667 1.776 1.667 1.776c.168.18.16.462-.019.63"
			fill="#718491"
		/>
		<path
			d="M32.933 37.797c0-.662.536-1.2 1.197-1.2.66 0 1.196.538 1.196 1.2 0 .663-.536 1.2-1.197 1.2-.66 0-1.196-.537-1.196-1.2"
			fill="#9ea9b2"
		/>
		<path d="M36.762 37.797c0-.662.536-1.2 1.197-1.2a1.2 1.2 0 0 1 0 2.4 1.2 1.2 0 0 1-1.197-1.2" fill="#718491" />
		<path
			d="M40.592 37.797c0-.662.535-1.2 1.196-1.2s1.197.538 1.197 1.2c0 .663-.536 1.2-1.197 1.2-.66 0-1.196-.537-1.196-1.2"
			fill="#9ea9b2"
		/>
		<rect x={10.218} y={14} width={16.765} height={19} rx={0.447} fill="#718491" />
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="M18.637 16.234c-.577 0-1.13.233-1.537.648a2.23 2.23 0 0 0-.636 1.563c0 .587.229 1.15.636 1.564s.96.647 1.537.647c.576 0 1.129-.233 1.536-.647a2.23 2.23 0 0 0 .637-1.564 2.23 2.23 0 0 0-.637-1.563 2.15 2.15 0 0 0-1.536-.648m-1.449 3.725c.387.386.907.602 1.449.602a2.05 2.05 0 0 0 1.448-.602v-.018a.75.75 0 0 0-.212-.525.72.72 0 0 0-.512-.218h-1.448a.72.72 0 0 0-.513.218.75.75 0 0 0-.212.525zm2.173-1.852c0 .41-.324.742-.724.742a.734.734 0 0 1-.725-.742c0-.41.325-.743.725-.743s.724.333.724.742"
			fill="#fff"
		/>
		<path
			d="M14.601 23.025a.47.47 0 0 1 .466-.473h7.14a.47.47 0 0 1 .465.473.47.47 0 0 1-.466.474h-7.14a.47.47 0 0 1-.465-.474m-2.483 2.127c0-.215.172-.39.385-.39H24.77c.213 0 .386.175.386.39s-.173.39-.386.39H12.503a.39.39 0 0 1-.385-.39m2.314 1.748c0-.215.173-.39.386-.39h7.638c.213 0 .385.175.385.39s-.172.39-.386.39h-7.637a.39.39 0 0 1-.386-.39m-.077 1.969.315.595.68.105-.487.471.108.658-.616-.301-.613.3.105-.657-.488-.471.684-.105zm2.141.033.315.595.68.105-.487.471.108.658-.616-.301-.613.3.105-.657-.487-.471.684-.105zm2.141 0 .314.595.681.105-.488.471.109.658-.616-.301-.613.3.105-.657-.488-.471.684-.105zm2.14 0 .315.595.68.105-.487.471.108.658-.616-.301-.613.3.105-.657-.487-.471.684-.105zm2.141.033.315.595.68.105-.487.471.109.658-.617-.301-.613.3.105-.657-.487-.471.684-.105z"
			fill="#fff"
		/>
		<rect x={29.218} y={14} width={16.765} height={19} rx={0.447} fill="#718491" />
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="M37.637 16.234c-.577 0-1.13.233-1.537.648a2.23 2.23 0 0 0-.636 1.563c0 .587.229 1.15.636 1.564s.96.647 1.537.647c.576 0 1.129-.233 1.536-.647a2.23 2.23 0 0 0 .637-1.564 2.23 2.23 0 0 0-.637-1.563 2.15 2.15 0 0 0-1.536-.648m-1.449 3.725c.387.386.907.602 1.449.602.541 0 1.062-.216 1.448-.602v-.018a.75.75 0 0 0-.212-.525.72.72 0 0 0-.512-.218h-1.448a.72.72 0 0 0-.513.218.75.75 0 0 0-.212.525zm2.173-1.852c0 .41-.324.742-.724.742a.734.734 0 0 1-.725-.742c0-.41.325-.743.725-.743s.724.333.724.742"
			fill="#fff"
		/>
		<path
			d="M33.601 23.025a.47.47 0 0 1 .466-.473h7.14a.47.47 0 0 1 .465.473.47.47 0 0 1-.465.474h-7.14a.47.47 0 0 1-.466-.474m-2.483 2.127c0-.215.172-.39.385-.39H43.77c.213 0 .386.175.386.39s-.173.39-.386.39H31.503a.39.39 0 0 1-.385-.39m2.314 1.748c0-.215.173-.39.386-.39h7.638c.213 0 .385.175.385.39s-.172.39-.386.39h-7.637a.39.39 0 0 1-.386-.39m-.077 1.969.315.595.68.105-.487.471.108.658-.616-.301-.613.3.105-.657-.488-.471.684-.105zm2.141.033.315.595.68.105-.487.471.108.658-.616-.301-.613.3.105-.657-.487-.471.684-.105zm2.141 0 .315.595.68.105-.487.471.108.658-.616-.301-.613.3.105-.657-.488-.471.684-.105zm2.14 0 .315.595.68.105-.487.471.109.658-.617-.301-.613.3.105-.657-.487-.471.684-.105zm2.141.033.315.595.68.105-.487.471.108.658-.616-.301-.613.3.105-.657-.487-.471.684-.105z"
			fill="#fff"
		/>
		<rect x={48.218} y={14} width={16.765} height={19} rx={0.447} fill="#718491" />
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="M56.637 16.234c-.577 0-1.13.233-1.537.648a2.23 2.23 0 0 0-.636 1.563c0 .587.229 1.15.636 1.564s.96.647 1.537.647c.576 0 1.129-.233 1.536-.647a2.23 2.23 0 0 0 .637-1.564 2.23 2.23 0 0 0-.637-1.563 2.15 2.15 0 0 0-1.536-.648m-1.449 3.725c.387.386.907.602 1.449.602.541 0 1.062-.216 1.448-.602v-.018a.75.75 0 0 0-.212-.525.72.72 0 0 0-.512-.218h-1.448a.72.72 0 0 0-.513.218.75.75 0 0 0-.212.525zm2.173-1.852c0 .41-.324.742-.724.742a.734.734 0 0 1-.725-.742c0-.41.325-.743.725-.743s.724.333.724.742"
			fill="#fff"
		/>
		<path
			d="M52.601 23.025a.47.47 0 0 1 .466-.473h7.14a.47.47 0 0 1 .465.473.47.47 0 0 1-.465.474h-7.14a.47.47 0 0 1-.466-.474m-2.483 2.127c0-.215.172-.39.385-.39H62.77c.213 0 .386.175.386.39s-.173.39-.386.39H50.503a.39.39 0 0 1-.385-.39m2.314 1.748c0-.215.173-.39.386-.39h7.638c.213 0 .385.175.385.39s-.172.39-.386.39h-7.637a.39.39 0 0 1-.386-.39m-.077 1.969.315.595.68.105-.487.471.108.658-.616-.301-.613.3.105-.657-.488-.471.684-.105zm2.141.033.315.595.68.105-.487.471.108.658-.616-.301-.613.3.105-.657-.487-.471.684-.105zm2.141 0 .315.595.68.105-.487.471.108.658-.616-.301-.613.3.105-.657-.488-.471.684-.105zm2.14 0 .315.595.68.105-.487.471.109.658-.617-.301-.613.3.105-.657-.487-.471.684-.105zm2.141.033.315.595.68.105-.487.471.108.658-.616-.301-.613.3.105-.657-.487-.471.684-.105z"
			fill="#fff"
		/>
		{isActive && (
			<>
				<rect x={60} y={4} width={12} height={12} rx={6} fill="#1a74e4" />
				<path d="M62.5 10.093 64.673 13h.932L69.5 7.613 68.597 7l-3.5 3.787-1.722-1.494z" fill="#fff" />
			</>
		)}
	</svg>
);

export const CarouselCenterStyleIcon = ({ isActive }) => (
	<svg width={76} height={53} viewBox="0 0 76 53" fill="none" xmlns="http://www.w3.org/2000/svg">
		<rect
			x={0.5}
			y={0.5}
			width={75}
			height={52}
			rx={2.5}
			stroke={isActive ? "var(--sp-real-primary-color)" : "#718491"}
		/>
		<path
			d="M67.042 21.139a.444.444 0 0 1 .629.019l1.954 2.081a.447.447 0 0 1 0 .612l-1.954 2.082a.444.444 0 0 1-.629.018.447.447 0 0 1-.019-.63l1.667-1.776-1.667-1.776a.447.447 0 0 1 .02-.63M8.704 25.952a.444.444 0 0 1-.629-.02l-1.954-2.081a.447.447 0 0 1 0-.612l1.954-2.081a.444.444 0 0 1 .629-.02.447.447 0 0 1 .019.631l-1.667 1.776 1.667 1.776c.168.18.16.462-.02.63"
			fill="#718491"
		/>
		<path
			d="M32.833 39.797c0-.662.535-1.2 1.196-1.2s1.197.538 1.197 1.2c0 .663-.536 1.2-1.197 1.2-.66 0-1.196-.537-1.196-1.2"
			fill="#9ea9b2"
		/>
		<path
			d="M36.662 39.797c0-.662.536-1.2 1.197-1.2.66 0 1.196.538 1.196 1.2a1.198 1.198 0 1 1-2.393 0"
			fill="#718491"
		/>
		<path
			d="M40.491 39.797c0-.662.536-1.2 1.197-1.2s1.197.538 1.197 1.2c0 .663-.536 1.2-1.197 1.2-.66 0-1.197-.537-1.197-1.2"
			fill="#9ea9b2"
		/>
		<path
			d="M27 12.565c0-.312.253-.565.565-.565h20.047c.312 0 .564.253.564.565v22.87a.565.565 0 0 1-.564.565H27.565a.565.565 0 0 1-.565-.565z"
			fill="#718491"
		/>
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="M37.634 14.824c-.728 0-1.426.294-1.94.818a2.82 2.82 0 0 0-.805 1.974c0 .741.29 1.451.804 1.975a2.72 2.72 0 0 0 1.941.818 2.72 2.72 0 0 0 1.941-.818 2.82 2.82 0 0 0 .804-1.975c0-.74-.29-1.45-.804-1.974a2.72 2.72 0 0 0-1.94-.819m-1.83 4.704c.49.488 1.146.76 1.83.76s1.342-.272 1.83-.76v-.023a.95.95 0 0 0-.267-.663.9.9 0 0 0-.648-.274h-1.83a.9.9 0 0 0-.647.274.95.95 0 0 0-.267.663zm2.745-2.34c0 .518-.41.938-.915.938a.927.927 0 0 1-.915-.938c0-.517.41-.937.915-.937s.915.42.915.937"
			fill="#fff"
		/>
		<path
			d="M32.537 23.402c0-.331.263-.599.588-.599h9.019c.325 0 .588.268.588.598a.594.594 0 0 1-.588.599h-9.019a.593.593 0 0 1-.588-.599M29.4 26.088a.49.49 0 0 1 .487-.492h15.495a.49.49 0 0 1 .487.492.49.49 0 0 1-.487.492H29.887a.49.49 0 0 1-.487-.492m2.923 2.208a.49.49 0 0 1 .487-.492h9.648c.27 0 .488.22.488.492a.49.49 0 0 1-.488.492H32.81a.49.49 0 0 1-.487-.492m-.097 2.487.398.752.86.132-.616.595.136.83-.778-.38-.774.38.132-.83-.616-.595.864-.132zm2.704.042.398.752.86.132-.616.595.137.83-.778-.38-.775.38.133-.83-.616-.595.864-.132zm2.704 0 .398.752.86.132-.616.595.137.83-.779-.38-.774.38.133-.83-.616-.595.864-.132zm2.704 0 .398.752.86.132-.616.595.137.83-.779-.38-.774.38.133-.83-.616-.595.864-.132zm2.705.041.398.752.86.133-.617.595.137.83-.778-.38-.775.38.133-.83-.616-.595.864-.133z"
			fill="#fff"
		/>
		<path
			d="M50.5 16.877c0-.208.169-.377.377-.377H64.24c.208 0 .377.169.377.377v15.247a.376.376 0 0 1-.377.376H50.877a.377.377 0 0 1-.377-.377z"
			fill="#718491"
		/>
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="M57.59 18.382a1.8 1.8 0 0 0-1.294.546c-.343.349-.536.822-.536 1.316s.193.968.536 1.317.808.545 1.294.545c.485 0 .95-.196 1.293-.545.344-.35.536-.823.536-1.317s-.192-.967-.535-1.316a1.8 1.8 0 0 0-1.294-.546m-1.22 3.137c.326.325.764.507 1.22.507s.894-.182 1.22-.507v-.015a.63.63 0 0 0-.179-.442.6.6 0 0 0-.431-.184h-1.22a.6.6 0 0 0-.432.184.63.63 0 0 0-.178.442zm1.83-1.56a.62.62 0 0 1-.61.625.62.62 0 0 1-.61-.625c0-.345.273-.625.61-.625s.61.28.61.625"
			fill="#fff"
		/>
		<path
			d="M54.191 24.101c0-.22.176-.399.392-.399h6.013c.216 0 .392.179.392.399s-.176.399-.392.399h-6.013a.396.396 0 0 1-.392-.399M52.1 25.892c0-.181.145-.328.325-.328h10.33c.179 0 .324.147.324.328a.326.326 0 0 1-.325.328h-10.33a.326.326 0 0 1-.324-.328m1.949 1.472c0-.181.145-.328.325-.328h6.432c.179 0 .324.147.324.328a.326.326 0 0 1-.325.328h-6.431a.326.326 0 0 1-.325-.328m-.065 1.658.265.501.573.088-.41.397.091.554-.519-.254-.516.254.088-.554-.41-.397.576-.088zm1.803.028.265.501.573.088-.41.397.091.554-.519-.254-.516.254.088-.554-.41-.397.576-.088zm1.803 0 .265.501.573.088-.41.397.09.554-.518-.254-.517.254.089-.554-.41-.397.575-.088zm1.802 0 .265.501.574.088-.411.397.091.554-.519-.254-.516.254.088-.554-.41-.397.576-.088zm1.803.027.265.502.573.088-.41.397.091.554-.519-.254-.516.254.088-.554-.41-.397.576-.088z"
			fill="#fff"
		/>
		<path
			d="M10.5 16.877c0-.208.169-.377.377-.377H24.24c.208 0 .377.169.377.377v15.247a.376.376 0 0 1-.377.376H10.877a.377.377 0 0 1-.377-.377z"
			fill="#718491"
		/>
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="M17.59 18.382a1.8 1.8 0 0 0-1.294.546c-.343.349-.536.822-.536 1.316s.193.968.536 1.317.808.545 1.294.545c.485 0 .95-.196 1.294-.545.343-.35.535-.823.535-1.317s-.192-.967-.535-1.316a1.8 1.8 0 0 0-1.294-.546m-1.22 3.137c.325.325.764.507 1.22.507s.894-.182 1.22-.507v-.015a.63.63 0 0 0-.179-.442.6.6 0 0 0-.431-.184h-1.22a.6.6 0 0 0-.432.184.63.63 0 0 0-.178.442zm1.83-1.56a.62.62 0 0 1-.61.625.62.62 0 0 1-.61-.625c0-.345.273-.625.61-.625s.61.28.61.625"
			fill="#fff"
		/>
		<path
			d="M14.191 24.101c0-.22.176-.399.392-.399h6.013c.216 0 .392.179.392.399s-.176.399-.392.399h-6.013a.396.396 0 0 1-.392-.399M12.1 25.892c0-.181.145-.328.325-.328h10.33c.179 0 .324.147.324.328a.326.326 0 0 1-.325.328h-10.33a.326.326 0 0 1-.324-.328m1.949 1.472c0-.181.145-.328.325-.328h6.431c.18 0 .325.147.325.328a.326.326 0 0 1-.325.328h-6.431a.326.326 0 0 1-.325-.328m-.065 1.658.265.501.573.088-.41.397.091.554-.519-.254-.516.254.088-.554-.41-.397.576-.088zm1.803.028.265.501.573.088-.41.397.091.554-.519-.254-.516.254.088-.554-.41-.397.576-.088zm1.803 0 .265.501.573.088-.41.397.09.554-.518-.254-.517.254.089-.554-.41-.397.575-.088zm1.802 0 .265.501.574.088-.411.397.091.554-.519-.254-.516.254.088-.554-.41-.397.576-.088zm1.803.027.265.502.573.088-.41.397.091.554-.519-.254-.516.254.088-.554-.41-.397.576-.088z"
			fill="#fff"
		/>
		{isActive && (
			<>
				<rect x={60} y={4} width={12} height={12} rx={6} fill="#1a74e4" />
				<path d="M62.5 10.093 64.673 13h.932L69.5 7.613 68.597 7l-3.5 3.787-1.722-1.494z" fill="#fff" />
			</>
		)}
	</svg>
);

export const CarouselTemplateThreeIcon = ({ isActive }) => (
	<svg width={76} height={53} viewBox="0 0 76 53" fill="none" xmlns="http://www.w3.org/2000/svg">
		<rect
			x={0.5}
			y={0.5}
			width={75}
			height={52}
			rx={2.5}
			stroke={isActive ? "var(--sp-real-primary-color)" : "#718491"}
		/>
		<path
			d="M32.833 39.798a1.198 1.198 0 1 1 2.393 0c0 .663-.536 1.2-1.197 1.2-.66 0-1.197-.537-1.197-1.2"
			fill="#9ea9b2"
		/>
		<path
			d="M36.662 39.798c0-.663.536-1.2 1.197-1.2.66 0 1.196.537 1.196 1.2s-.536 1.2-1.197 1.2c-.66 0-1.196-.537-1.196-1.2"
			fill="#718491"
		/>
		<path
			d="M40.491 39.798c0-.663.536-1.2 1.197-1.2.66 0 1.197.537 1.197 1.2s-.536 1.2-1.197 1.2-1.197-.537-1.197-1.2M8.853 13.518c0-.286.232-.518.518-.518l18.376 1c.286 0 .518.232.518.518v18.964a.52.52 0 0 1-.518.518L9.371 35a.52.52 0 0 1-.518-.518z"
			fill="#9ea9b2"
		/>
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="M18.601 15.588c-.667 0-1.307.27-1.779.75a2.58 2.58 0 0 0-.737 1.81c0 .68.265 1.33.737 1.81s1.112.75 1.78.75c.666 0 1.306-.27 1.778-.75s.737-1.13.737-1.81c0-.679-.265-1.33-.737-1.81a2.5 2.5 0 0 0-1.779-.75m-1.677 4.313c.448.447 1.05.697 1.677.697.628 0 1.23-.25 1.678-.697v-.021a.87.87 0 0 0-.246-.608.83.83 0 0 0-.593-.252h-1.677a.83.83 0 0 0-.594.252.87.87 0 0 0-.245.608zm2.516-2.145a.85.85 0 0 1-.839.86.85.85 0 0 1-.839-.86.85.85 0 0 1 .84-.86.85.85 0 0 1 .838.86"
			fill="#fff"
		/>
		<path
			d="M13.928 23.451c0-.303.242-.548.54-.548h8.267c.297 0 .539.245.539.548a.544.544 0 0 1-.54.549h-8.266a.544.544 0 0 1-.54-.549m-2.875 2.463c0-.25.2-.451.446-.451h14.204c.246 0 .446.202.446.45 0 .25-.2.452-.446.452H11.5a.45.45 0 0 1-.447-.451m2.68 2.024c0-.25.2-.451.446-.451h8.844c.247 0 .447.202.447.45 0 .25-.2.452-.447.452H14.18a.45.45 0 0 1-.446-.451m-.09 2.279.364.69.788.121-.564.546.125.761-.713-.348-.71.348.121-.761-.564-.546.792-.121zm2.479.039.364.69.789.12-.565.546.125.762-.713-.349-.71.349.122-.762-.565-.545.792-.122zm2.478 0 .365.69.788.12-.565.546.126.762-.714-.349-.71.349.122-.762-.565-.545.792-.122zm2.479 0 .364.69.789.12-.565.546.125.762-.713-.349-.71.349.122-.762-.565-.545.792-.122zm2.479.038.364.69.789.12-.565.546.125.762-.713-.349-.71.349.122-.762-.565-.545.792-.122z"
			fill="#fff"
		/>
		<path
			d="M47 14.518c0-.286.232-.518.518-.518l18.376-1c.286 0 .518.232.518.518v20.964a.52.52 0 0 1-.518.518l-18.376-1a.52.52 0 0 1-.518-.518z"
			fill="#9ea9b2"
		/>
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="M56.748 15.588c-.667 0-1.307.27-1.779.75a2.58 2.58 0 0 0-.737 1.81c0 .68.265 1.33.737 1.81s1.112.75 1.78.75c.666 0 1.306-.27 1.778-.75s.737-1.13.737-1.81c0-.679-.265-1.33-.737-1.81a2.5 2.5 0 0 0-1.779-.75m-1.677 4.313c.448.447 1.05.697 1.677.697.628 0 1.23-.25 1.678-.697v-.021a.87.87 0 0 0-.246-.608.83.83 0 0 0-.593-.252H55.91a.83.83 0 0 0-.593.252.87.87 0 0 0-.246.608zm2.516-2.145a.85.85 0 0 1-.839.86.85.85 0 0 1-.839-.86.85.85 0 0 1 .84-.86.85.85 0 0 1 .838.86"
			fill="#fff"
		/>
		<path
			d="M52.075 23.451c0-.303.242-.548.54-.548h8.267c.297 0 .539.245.539.548a.544.544 0 0 1-.54.549h-8.266a.544.544 0 0 1-.54-.549M49.2 25.914c0-.25.2-.451.447-.451H63.85c.246 0 .446.202.446.45 0 .25-.2.452-.446.452H49.647a.45.45 0 0 1-.447-.451m2.68 2.024c0-.25.2-.451.446-.451h8.844c.247 0 .447.202.447.45 0 .25-.2.452-.447.452h-8.844a.45.45 0 0 1-.447-.451m-.089 2.279.365.69.788.121-.564.546.125.761-.714-.348-.71.348.122-.761-.564-.546.792-.121zm2.48.039.364.69.788.12-.564.546.125.762-.713-.349-.71.349.121-.762-.564-.545.792-.122zm2.478 0 .365.69.788.12-.565.546.126.762-.714-.349-.71.349.122-.762-.565-.545.792-.122zm2.479 0 .364.69.788.12-.564.546.125.762-.713-.349-.71.349.122-.762-.565-.545.792-.122zm2.479.038.364.69.789.12-.565.546.125.762-.713-.349-.71.349.122-.762-.565-.545.792-.122z"
			fill="#fff"
		/>
		<path
			d="M27 12.565c0-.312.253-.565.565-.565h20.047c.312 0 .564.253.564.565v22.87a.565.565 0 0 1-.564.565H27.565a.565.565 0 0 1-.565-.565z"
			fill="#718491"
		/>
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="M37.634 14.824c-.728 0-1.426.294-1.94.818a2.82 2.82 0 0 0-.805 1.974c0 .741.29 1.451.804 1.975a2.72 2.72 0 0 0 1.941.818 2.72 2.72 0 0 0 1.941-.818 2.82 2.82 0 0 0 .804-1.975c0-.74-.29-1.45-.804-1.974a2.72 2.72 0 0 0-1.94-.819m-1.83 4.704c.49.488 1.146.76 1.83.76s1.342-.272 1.83-.76v-.023a.95.95 0 0 0-.267-.663.9.9 0 0 0-.648-.274h-1.83a.9.9 0 0 0-.647.274.95.95 0 0 0-.267.663zm2.745-2.34c0 .518-.41.938-.915.938a.927.927 0 0 1-.915-.938c0-.517.41-.937.915-.937s.915.42.915.937"
			fill="#fff"
		/>
		<path
			d="M32.537 23.402c0-.331.263-.599.588-.599h9.019c.325 0 .588.268.588.598a.594.594 0 0 1-.588.599h-9.019a.593.593 0 0 1-.588-.599M29.4 26.088a.49.49 0 0 1 .487-.492h15.495a.49.49 0 0 1 .487.492.49.49 0 0 1-.487.492H29.887a.49.49 0 0 1-.487-.492m2.923 2.208a.49.49 0 0 1 .487-.492h9.648c.27 0 .488.22.488.492a.49.49 0 0 1-.488.492H32.81a.49.49 0 0 1-.487-.492m-.097 2.487.398.752.86.132-.616.595.136.83-.778-.38-.774.38.132-.83-.616-.595.864-.132zm2.704.042.398.752.86.132-.616.595.137.83-.778-.38-.775.38.133-.83-.616-.595.864-.132zm2.704 0 .398.752.86.132-.616.595.137.83-.779-.38-.774.38.133-.83-.616-.595.864-.132zm2.704 0 .398.752.86.132-.616.595.137.83-.779-.38-.774.38.133-.83-.616-.595.864-.132zm2.705.041.398.752.86.133-.617.595.137.83-.778-.38-.775.38.133-.83-.616-.595.864-.133z"
			fill="#fff"
		/>
		{isActive && (
			<>
				<rect x={60} y={4} width={12} height={12} rx={6} fill="#1a74e4" />
				<path d="M62.5 10.093 64.673 13h.932L69.5 7.613 68.597 7l-3.5 3.787-1.722-1.494z" fill="#fff" />
			</>
		)}
	</svg>
);

export const carouselTemplateIcons = [
	{ label: "Standard", value: "default", Icon: CarouselTemplateOneIcon },
	// Center + Coverflow are Pro-only: locked in the picker (see PresetPicker).
	{ label: "Center", value: "center", Icon: CarouselCenterStyleIcon, pro: true },
	{ label: "Coverflow", value: "coverflow", Icon: CarouselTemplateThreeIcon, pro: true },
];

export const CarouselBlockPreviewImage = () => (
	<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="M83.349 98.176V99H32.65v-.824zm.825-.825V40.65a.825.825 0 0 0-.825-.825H32.65a.825.825 0 0 0-.825.825v56.7c0 .456.37.825.825.825V99l-.168-.009A1.65 1.65 0 0 1 31 97.351V40.65c0-.91.74-1.649 1.651-1.649H83.35A1.65 1.65 0 0 1 85 40.649V97.35l-.009.168a1.65 1.65 0 0 1-1.474 1.472l-.167.01v-.824c.456 0 .825-.37.825-.825"
			fill="#9ea9b2"
		/>
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="M58 46a7 7 0 1 0 0 14 7 7 0 0 0 0-14m-4.666 11.792a6.667 6.667 0 0 0 9.333 0v-.057c0-.623-.245-1.222-.683-1.662a2.33 2.33 0 0 0-1.65-.688h-4.667c-.618 0-1.212.247-1.65.688a2.36 2.36 0 0 0-.683 1.662zm7-5.865A2.34 2.34 0 0 1 58 54.277a2.34 2.34 0 0 1-2.334-2.35A2.34 2.34 0 0 1 58 49.577a2.34 2.34 0 0 1 2.334 2.35"
			fill="#718491"
		/>
		<path
			d="M45 67.5a1.5 1.5 0 0 1 1.5-1.5h23a1.5 1.5 0 0 1 0 3h-23a1.5 1.5 0 0 1-1.5-1.5m-8 6.733c0-.681.556-1.233 1.243-1.233h39.515c.686 0 1.242.552 1.242 1.233 0 .68-.556 1.233-1.242 1.233H38.243A1.24 1.24 0 0 1 37 74.233m7.455 5.534c0-.68.556-1.233 1.243-1.233h24.604c.687 0 1.243.552 1.243 1.233S70.989 81 70.302 81H45.698a1.24 1.24 0 0 1-1.243-1.233M44.207 86l1.015 1.885 2.192.332-1.57 1.492.349 2.082-1.986-.953-1.974.953.338-2.082L41 88.217l2.203-.332zm6.898.105 1.014 1.885 2.193.332-1.57 1.492.348 2.082-1.985-.953-1.975.953.338-2.082-1.57-1.492 2.203-.332zm6.895 0 1.014 1.885 2.193.332-1.57 1.492.348 2.082L58 90.943l-1.974.953.338-2.082-1.571-1.492 2.203-.332zm6.896 0 1.014 1.885 2.193.332-1.57 1.492.348 2.082-1.985-.953-1.975.953.339-2.082-1.571-1.492 2.203-.332zm6.897.105 1.014 1.885 2.193.331-1.57 1.492.348 2.082-1.985-.953-1.975.953.338-2.082-1.57-1.492 2.203-.331zm71.556 11.966V99H92.651v-.824zm.825-.825V40.65a.824.824 0 0 0-.825-.825H92.651a.825.825 0 0 0-.825.825v56.7c0 .456.37.825.825.825V99l-.168-.009A1.65 1.65 0 0 1 91 97.351V40.65c0-.91.74-1.649 1.651-1.649h50.698A1.65 1.65 0 0 1 145 40.649V97.35l-.009.168a1.65 1.65 0 0 1-1.474 1.472l-.168.009v-.824c.456 0 .825-.37.825-.825"
			fill="#718491"
		/>
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="M118 46a7.002 7.002 0 0 0-4.95 11.95 7 7 0 0 0 9.9 0A6.999 6.999 0 0 0 118 46m-4.666 11.792a6.667 6.667 0 0 0 9.333 0v-.057c0-.623-.245-1.222-.683-1.662a2.33 2.33 0 0 0-1.65-.688h-4.667c-.618 0-1.212.247-1.65.688a2.36 2.36 0 0 0-.683 1.662zm7-5.865a2.34 2.34 0 0 1-2.334 2.35 2.34 2.34 0 0 1-2.333-2.35 2.34 2.34 0 0 1 2.333-2.35 2.34 2.34 0 0 1 2.334 2.35"
			fill="#718491"
		/>
		<path
			d="M105 67.5a1.5 1.5 0 0 1 1.5-1.5h23a1.5 1.5 0 0 1 0 3h-23a1.5 1.5 0 0 1-1.5-1.5m-8 6.733c0-.681.556-1.233 1.243-1.233h39.515c.686 0 1.242.552 1.242 1.233 0 .68-.556 1.233-1.242 1.233H98.243A1.24 1.24 0 0 1 97 74.233m7.455 5.534c0-.68.556-1.233 1.243-1.233h24.604c.687 0 1.243.552 1.243 1.233S130.989 81 130.302 81h-24.604a1.24 1.24 0 0 1-1.243-1.233M104.207 86l1.015 1.885 2.192.332-1.57 1.492.349 2.082-1.986-.953-1.974.953.338-2.082L101 88.217l2.204-.332zm6.898.105 1.014 1.885 2.193.332-1.571 1.492.349 2.082-1.985-.953-1.975.953.338-2.082-1.57-1.492 2.203-.332zm6.895 0 1.015 1.885 2.192.332-1.571 1.492.349 2.082-1.985-.953-1.974.953.338-2.082-1.571-1.492 2.203-.332zm6.896 0 1.014 1.885 2.193.332-1.571 1.492.349 2.082-1.985-.953-1.975.953.339-2.082-1.571-1.492 2.203-.332zm6.897.105 1.014 1.885 2.193.331-1.571 1.492.349 2.082-1.985-.953-1.975.953.339-2.082-1.571-1.492 2.203-.331zm71.556 11.966V99h-50.698v-.824zm.825-.825V40.65a.824.824 0 0 0-.825-.825h-50.698a.824.824 0 0 0-.825.825v56.7c0 .456.369.825.825.825V99l-.168-.009a1.65 1.65 0 0 1-1.483-1.64V40.65c0-.91.739-1.649 1.651-1.649h50.698A1.65 1.65 0 0 1 205 40.649V97.35l-.009.168a1.65 1.65 0 0 1-1.474 1.472l-.168.009v-.824c.456 0 .825-.37.825-.825"
			fill="#718491"
		/>
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="M178 46a7.002 7.002 0 0 0-4.95 11.95 7 7 0 0 0 9.9 0A6.999 6.999 0 0 0 178 46m-4.666 11.792a6.667 6.667 0 0 0 9.333 0v-.057c0-.623-.245-1.222-.683-1.662a2.33 2.33 0 0 0-1.65-.688h-4.667c-.618 0-1.212.247-1.65.688a2.36 2.36 0 0 0-.683 1.662zm7-5.865a2.34 2.34 0 0 1-2.334 2.35 2.34 2.34 0 0 1-2.333-2.35 2.34 2.34 0 0 1 2.333-2.35 2.34 2.34 0 0 1 2.334 2.35"
			fill="#718491"
		/>
		<path
			d="M165 67.5a1.5 1.5 0 0 1 1.5-1.5h23a1.5 1.5 0 0 1 0 3h-23a1.5 1.5 0 0 1-1.5-1.5m-8 6.733c0-.681.556-1.233 1.243-1.233h39.515c.686 0 1.242.552 1.242 1.233 0 .68-.556 1.233-1.242 1.233h-39.515A1.24 1.24 0 0 1 157 74.233m7.455 5.534c0-.68.556-1.233 1.243-1.233h24.604c.687 0 1.243.552 1.243 1.233S190.989 81 190.302 81h-24.604a1.24 1.24 0 0 1-1.243-1.233M164.207 86l1.015 1.885 2.192.332-1.57 1.492.349 2.082-1.986-.953-1.974.953.338-2.082L161 88.217l2.204-.332zm6.898.105 1.014 1.885 2.193.332-1.571 1.492.349 2.082-1.985-.953-1.975.953.338-2.082-1.57-1.492 2.203-.332zm6.895 0 1.015 1.885 2.192.332-1.571 1.492.349 2.082-1.985-.953-1.974.953.338-2.082-1.571-1.492 2.203-.332zm6.896 0 1.014 1.885 2.193.332-1.571 1.492.349 2.082-1.985-.953-1.975.953.339-2.082-1.571-1.492 2.203-.332zm6.897.105 1.014 1.885 2.193.331-1.571 1.492.349 2.082-1.985-.953-1.975.953.339-2.082-1.571-1.492 2.203-.331zm24.587-25.302a1.5 1.5 0 0 1 2.121.064l6.591 7a1.5 1.5 0 0 1 0 2.056l-6.591 7a1.5 1.5 0 0 1-2.184-2.056L221.939 69l-5.622-5.972a1.5 1.5 0 0 1 .063-2.12M19.62 77.092a1.5 1.5 0 0 1-2.12-.064l-6.592-7a1.5 1.5 0 0 1 0-2.056l6.591-7a1.5 1.5 0 0 1 2.184 2.056L14.061 69l5.622 5.972a1.5 1.5 0 0 1-.063 2.12"
			fill="#718491"
		/>
		<path d="M101 113.564a4.036 4.036 0 1 1 8.072 0 4.036 4.036 0 0 1-8.072 0" fill="#9ea9b2" />
		<path d="M113.916 113.564a4.036 4.036 0 1 1 8.072 0 4.036 4.036 0 0 1-8.072 0" fill="#718491" />
		<path d="M126.831 113.564a4.036 4.036 0 1 1 8.072 0 4.036 4.036 0 0 1-8.072 0" fill="#9ea9b2" />
	</svg>
);
