// page builder integration icons.
export const ElementorIntegrationIcon = () => (
	<svg width={48} height={48} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
		<path d="M2 8a6 6 0 0 1 6-6h32a6 6 0 0 1 6 6v32a6 6 0 0 1-6 6H8a6 6 0 0 1-6-6z" fill="rgb(238, 0, 238)" />
		<g clipPath="url(#ElementorIntegrationIcona)">
			<mask
				id="ElementorIntegrationIconb"
				style={{
					maskType: "luminance",
				}}
				maskUnits="userSpaceOnUse"
				x={0}
				y={0}
				width={48}
				height={48}
			>
				<path d="M48 0H0v48h48z" fill="#fff" />
			</mask>
			<g mask="url(#ElementorIntegrationIconb)" fill="#fff">
				<path d="M18.001 33.997h-3.998V13.999h3.998zm15.996-16H21.999v-3.998h11.998zm0 8H21.999v-3.998h11.998zm0 8H21.999v-3.998h11.998z" />
			</g>
		</g>
		<defs>
			<clipPath id="ElementorIntegrationIcona">
				<path fill="#fff" d="M0 0h48v48H0z" />
			</clipPath>
		</defs>
	</svg>
);

export const DiviIntegrationIcon = () => (
	<svg width={44} height={44} viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
		<rect width={44} height={44} rx={6} fill="url(#DiviIntegrationIcona)" />
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="M9.002 9.547H23.27c5.804 0 11.728 4.11 11.728 12.453S29.073 34.453 23.27 34.453H12.751v-13.42h6.166v7.375h4.11c2.66 0 5.804-3.023 5.804-6.408s-3.023-6.408-5.803-6.408h-6.771c-3.023 0-5.441-2.055-7.255-6.045"
			fill="#fff"
		/>
		<defs>
			<linearGradient
				id="DiviIntegrationIcona"
				x1={44.061}
				y1={44.06}
				x2={0.001}
				y2={-0.001}
				gradientUnits="userSpaceOnUse"
			>
				<stop stopColor="#4b81eb" />
				<stop offset={1} stopColor="#6752f4" />
			</linearGradient>
		</defs>
	</svg>
);

export const WPBakeryIntegrationIcon = () => (
	<svg width={44} height={44} viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
		<rect width={44} height={44} rx={6} fill="url(#WPBakeryIntegrationIcona)" />
		<path
			d="M21.434 27.626c-.925.462-1.85.925-2.929 1.079-.925.154-2.004.308-2.929 0-1.079-.154-2.158-.462-3.083-1.079-2.312-1.233-3.853-3.083-4.47-5.55-.462-1.54-.308-3.236.309-4.778.154-.77.616-1.695 1.233-2.312.925-1.233 2.158-2.312 3.545-2.928a9.4 9.4 0 0 1 7.707.308c.617.308 1.233.925 1.85 1.541l1.387 1.388c.77.77 1.85 1.233 3.083 1.387.925.154 1.85.154 2.774-.154-1.233 0-2.466-.154-3.545-.771h.154l.617-.154 1.541-.308a7.55 7.55 0 0 1 3.7.462c1.387.617 2.466 1.696 3.237 2.929l.616 2.158q.231 3.93-3.237 6.011-1.387.925-3.237.925c-.308 0-.308 0-.462.308l-1.233 4.316c0 .155-.154.309-.309.155l-3.236-.925h-2.93l-2.157.462c-.925.154-1.542-.308-2.004-.925l-.617-1.079.154-.308c.925-.154 1.85-.617 2.775-1.079.617-.308 1.08-.462 1.541-.925z"
			fill="#fff"
		/>
		<defs>
			<linearGradient
				id="WPBakeryIntegrationIcona"
				x1={38.822}
				y1={38.818}
				x2={5.264}
				y2={5.287}
				gradientUnits="userSpaceOnUse"
			>
				<stop stopColor="#0074af" />
				<stop offset={0.2} stopColor="#0375b1" />
				<stop offset={0.4} stopColor="#0c79b7" />
				<stop offset={0.6} stopColor="#1c80c1" />
				<stop offset={0.7} stopColor="#328acf" />
				<stop offset={0.8} stopColor="#4f96e1" />
				<stop offset={1} stopColor="#7fabff" />
			</linearGradient>
		</defs>
	</svg>
);

export const BeaverIntegrationIcon = () => (
	<svg width={44} height={44} viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
		<rect width={44} height={44} rx={6} fill="url(#BeaverIntegrationIcona)" />
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="m7.662 24.08.462-.461-.77-.617zm1.85-2.465a70 70 0 0 1-1.08-.925l-.77 1.233.925.925zm-1.234 3.39 1.08 1.08.77-.925-1.233-1.08zm1.696-4.161 1.079-1.387-1.08-.771-.924 1.079zm-.617 2.466 1.234 1.08.77-1.388-1.233-.925zm2.93-5.24-1.08-.617-.77.616.924.925zm.461 2.774-1.233-.925-.925 1.387 1.234 1.08z"
			fill="#fff"
		/>
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="m12.902 17.607-.154.308.925.925-1.079-.616-.77 1.079 1.232.924 1.388-2.003-1.08 2.466.309.154.308.462h-.462l-.309-.154-.924 1.542.462.462.77.617.31-.463-.155.617.617.462a13.6 13.6 0 0 1 .616-4.47l.77-2.004c-1.232-.462-2.311-.616-3.699-.77h-.154l.617.462z"
			fill="#fff"
		/>
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="M22.305 35.488h.77l3.084.462 1.233.154h2.62v.154l1.85-.77c.308-.463 1.079-1.388.77-1.696-.307-.308-3.082.616-3.39.154-.155-.308 4.778-4.008 5.086-9.248l-.925.154c-1.078 2.774-4.161 5.857-5.086 6.32l-.463.154c-.924.154-2.466 0-3.082-.463-.617-.462-2.467-4.162-2.93-5.703-1.695-.462-3.699-1.387-4.007-2.312-.308-1.233 2.929-4.779 3.391-4.47.154.154-1.079 2.466-.77 3.082.308.617 2.157 1.85 4.007 1.696 1.542 0 3.083-1.079 4.008-1.85l.308-.77c.154-.463-.154-.463-.462-.463-.308.154 0 .617 0 .77.154.155 0 .31-.154 0l-.309-.307H27.7l-.308-.463-.154-.154v-.154l.154-.154v-.154l.308-.155c1.08-.308 3.546-.154 3.083.617l-.617.925c-.462.462 0-.308 0-.463 0-.308-.154-.308-.308-.154l-.154 1.08c.617.616 2.004 1.54 3.237 1.695 1.541 0 3.391-1.08 3.7-1.85.154-.616-2.775-7.09-4.625-8.015-2.004-.925-10.173.616-10.481.462-.463 0-1.08-1.387-1.388-1.541-.462-.154-1.695 1.079-1.695 1.541 0 .154.924.925.924 1.387.155.309-.77.617-3.082 6.474-1.08 2.775-.771 6.937.77 7.554.771.462.617-2.004.925-2.004 1.387 0 1.85 2.928-.154 2.928-1.387 0-2.466-1.079-2.929-2.466l-.616-2.62-.617-.463-.77 1.85c1.079.925 2.003 1.695 1.85 1.85 0 .154-.926-.309-2.159-1.233l-.616 1.54v.155l1.079.77c.308-.616.462-1.387.616-1.232l-.308 1.541c1.541 1.233 3.083 2.312 4.316 2.929.462.154 1.233.462 1.233.925.154.308-.308 1.233-.154 1.541s2.466 1.079 2.62.617l.155-.309-.309-.616h.309l.154.154.616.462zm3.083-17.419v.155h-.154l-.463.154a.924.924 0 1 1 .463-1.542h.154l.154.77c.154.155 0 .31-.154.463m7.861-.154v.154c-.154.309-.462.309-.77.309a.924.924 0 1 1 .308-1.542h.154l.154.154.309.463v.154zm-21.426 8.478-1.078-.77-.617 1.232 1.079 1.08a9.6 9.6 0 0 0 .77-1.388zm.463-.462.925-1.696-.77-.462-.463-.463-.771 1.542.616.616z"
			fill="#fff"
		/>
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="m28.163 30.71 1.233-1.234c1.233-1.387 2.62-3.545 2.928-4.778l-.924-.617-1.696-1.85-1.08 4.624-.153.463-1.233 3.545zm.308-8.325c-1.233 1.233-3.7 2.775-4.933 2.93.308 1.232.925 2.774 1.542 4.007l1.079 1.233.616.154v-.154l.617-2.158.308-1.08zm-6.628-10.79a3.64 3.64 0 0 1 1.387-1.233l2.158-.308c-.617-1.387-1.08-1.85-1.696-2.312-2.158.308-4.624 1.233-4.932 2.929l1.233-.617c.462 0 1.387 1.079 1.85 1.541m4.624-1.541h2.004l-1.233-1.541c-.463-.463-1.388-.771-2.467-.771.617.616 1.233 1.233 1.696 2.312m-2.929 1.85 3.083-.155h3.545c-.462-1.54-4.778-1.387-6.628.155"
			fill="#fff"
		/>
		<defs>
			<linearGradient
				id="BeaverIntegrationIcona"
				x1={5.772}
				y1={5.742}
				x2={39.103}
				y2={39.06}
				gradientUnits="userSpaceOnUse"
			>
				<stop stopColor="#aa7a55" />
				<stop offset={1} stopColor="#8c5934" />
			</linearGradient>
		</defs>
	</svg>
);

export const BricksIntegrationIcon = () => (
	<svg width={44} height={44} viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
		<rect width={44} height={44} rx={6} fill="#ffd53e" />
		<path
			d="M17.267 8.167c.294.31.257.566.248.978v.234q0 .382-.006.766l-.002.532q-.003.699-.01 1.398-.007.713-.009 1.427-.006 1.4-.02 2.8l.256-.138.34-.181.168-.091c1.194-.637 2.57-1.043 3.932-1.091l.273-.01c2.808-.05 5.327.743 7.377 2.7 1.942 1.908 3.14 4.437 3.181 7.177l.002.52q0 .263.003.527c.012 2.892-1.113 5.444-3.122 7.516-1.491 1.447-3.36 2.292-5.4 2.617-.297.043-.297.043-.553.135-2.013.105-3.943-.264-5.703-1.251q-.132-.074-.27-.148c-.415-.238-.415-.238-.568-.353v-.166l-.136-.058c-.265-.145-.472-.332-.703-.526l-.006.175-.03.779-.01.275-.011.261-.01.242c-.017.186-.017.186-.1.27q-.248.011-.494.01H14.12a304 304 0 0 0-1.687 0h-1.127c-.21-.01-.21-.01-.294-.094a8 8 0 0 1-.01-.428L11 34.688v-.647l.001-.915v-.985l.001-1.708.001-2.47a7645 7645 0 0 1 .003-7.9v-1.446l.005-9.987 1.458-.17q.247-.027.493-.057 1.247-.145 2.495-.285l.182-.021c1.25-.14 1.25-.14 1.628.07m1.036 13.614c-1.017 1.186-1.343 2.68-1.226 4.213.144 1.507.761 2.661 1.926 3.635 1.111.816 2.463.98 3.802.811 1.224-.227 2.197-.785 2.97-1.765.916-1.35 1.11-2.957.892-4.55-.174-.883-.6-1.756-1.233-2.403h-.168l-.06-.148c-.343-.59-1.22-.97-1.862-1.147-1.83-.449-3.735-.04-5.041 1.354"
			fill="#212121"
		/>
	</svg>
);

export const OxygenIntegrationIcon = () => (
	<svg width={44} height={44} viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
		<rect width={44} height={44} rx={6} fill="url(#OxygenIntegrationIcona)" />
		<path
			d="M35.718 22.078a13.718 13.718 0 1 0-7.553 12.177 4.778 4.778 0 0 0 7.4-4.008q0-1.618-.926-2.774c.771-1.696 1.08-3.545 1.08-5.395m-24.817 0a11.251 11.251 0 0 1 20.93-5.715 11.25 11.25 0 0 1 .959 9.414 4.778 4.778 0 0 0-6.32 6.628 11.252 11.252 0 0 1-15.568-10.327M30.787 33.33a3.238 3.238 0 1 1-1.404-6.321 3.238 3.238 0 0 1 1.404 6.321"
			fill="#fff"
		/>
		<defs>
			<linearGradient
				id="OxygenIntegrationIcona"
				x1={37.28}
				y1={40.574}
				x2={6.96}
				y2={3.741}
				gradientUnits="userSpaceOnUse"
			>
				<stop stopColor="#2c1870" />
				<stop offset={1} stopColor="#783fff" />
			</linearGradient>
		</defs>
	</svg>
);
