export const PopOverImgToggleIcon = () => (
	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width={30} height={30} fill="none">
		<rect width={30} height={30} fill="#fff" fillOpacity={0.1} rx={3} />
		<rect width={29} height={29} x={0.5} y={0.5} stroke="#fff" strokeOpacity={0.6} rx={2.5} />
		<g fill="#fff" clipPath="url(#focal-point-picker-icon)">
			<path d="M7.5 17a.5.5 0 0 1-.324-.88l3.5-3c.2-.17.495-.16.68.025L14 15.79l4.145-4.145a.5.5 0 0 1 .675-.03l3 2.5c.21.175.24.49.065.705a.504.504 0 0 1-.705.065l-2.65-2.21-4.175 4.175a.498.498 0 0 1-.705 0l-2.675-2.675c-3.38 2.9-3.21 2.82-3.475 2.82V17Z" />
			<path d="M14.5 20h-6c-.825 0-1.5-.675-1.5-1.5v-9C7 8.675 7.675 8 8.5 8h12c.825 0 1.5.675 1.5 1.5V15c0 .275-.225.5-.5.5a.501.501 0 0 1-.5-.5V9.5c0-.275-.225-.5-.5-.5h-12c-.275 0-.5.225-.5.5v9c0 .275.225.5.5.5h6c.275 0 .5.225.5.5s-.225.5-.5.5Z" />
			<path d="M16 22a.499.499 0 0 1-.485-.62c.535-2.13.495-2.095.63-2.23l4.19-4.19a1.546 1.546 0 0 1 1.106-.455c1.38 0 2.085 1.685 1.105 2.665-4.58 4.58-4.23 4.275-4.42 4.32-2.17.54-2.035.515-2.12.515L16 22Zm.95-2.245-.264 1.055 1.055-.265 4.09-4.09a.56.56 0 0 0-.79-.79l-4.09 4.09Z" />
			<path d="M21 18c-.27 0-.286-.075-1.356-1.145a.498.498 0 1 1 .705-.705l1 1a.503.503 0 0 1-.355.855L21 18ZM14 13c-.825 0-1.5-.675-1.5-1.5S13.175 10 14 10s1.5.675 1.5 1.5S14.825 13 14 13Zm0-2c-.275 0-.5.225-.5.5s.225.5.5.5.5-.225.5-.5-.225-.5-.5-.5Z" />
		</g>
		<defs>
			<clipPath id="focal-point-picker-icon">
				<path fill="#fff" d="M7 7h16v16H7z" />
			</clipPath>
		</defs>
	</svg>
);