export const GeneralIcon = () => {
	return (
		<div className="sp-real-tab-panel-icon">
			<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} fill="none">
				<g fill="#2F2F2F" clipPath="">
					<path d="M8 11.313A3.316 3.316 0 0 1 4.687 8 3.316 3.316 0 0 1 8 4.687 3.316 3.316 0 0 1 11.313 8 3.316 3.316 0 0 1 8 11.313ZM8 6.25c-.965 0-1.75.785-1.75 1.75S7.035 9.75 8 9.75 9.75 8.965 9.75 8 8.965 6.25 8 6.25Z" />
					<path d="M14.365 8.969a6.47 6.47 0 0 0 0-1.937 2.014 2.014 0 0 0 .72-2.761l-.313-.542a2.034 2.034 0 0 0-2.752-.756 6.468 6.468 0 0 0-1.676-.97A2.033 2.033 0 0 0 8.312 0h-.625c-1.11 0-2.016.896-2.03 2.003a6.469 6.469 0 0 0-1.677.97 2.034 2.034 0 0 0-2.752.756l-.312.542a2.014 2.014 0 0 0 .72 2.76 6.472 6.472 0 0 0 0 1.938 2.034 2.034 0 0 0-.72 2.76l.312.542a2.034 2.034 0 0 0 2.752.756 6.47 6.47 0 0 0 1.676.97A2.034 2.034 0 0 0 7.687 16h.625c1.111 0 2.017-.896 2.032-2.003a6.468 6.468 0 0 0 1.676-.97 2.034 2.034 0 0 0 2.752-.756l.312-.542a2.034 2.034 0 0 0-.72-2.76Zm-.634 1.98-.312.54a.47.47 0 0 1-.64.172l-.462-.266a.782.782 0 0 0-.933.114 4.886 4.886 0 0 1-2.037 1.178.781.781 0 0 0-.566.75v.532a.47.47 0 0 1-.468.469h-.625a.47.47 0 0 1-.47-.47v-.53a.781.781 0 0 0-.565-.752 4.886 4.886 0 0 1-2.037-1.177.782.782 0 0 0-.933-.114l-.461.266a.47.47 0 0 1-.64-.172l-.313-.54a.47.47 0 0 1 .171-.641l.46-.266a.781.781 0 0 0 .368-.865 4.9 4.9 0 0 1 0-2.354.781.781 0 0 0-.367-.865l-.46-.266a.48.48 0 0 1-.172-.64l.312-.541a.47.47 0 0 1 .64-.172l.462.266a.781.781 0 0 0 .933-.114 4.886 4.886 0 0 1 2.037-1.178.781.781 0 0 0 .566-.75V2.03a.47.47 0 0 1 .469-.469h.625a.47.47 0 0 1 .468.47v.53a.781.781 0 0 0 .566.751c.76.218 1.464.626 2.037 1.178a.78.78 0 0 0 .933.115l.461-.267a.47.47 0 0 1 .64.172l.313.54a.48.48 0 0 1-.171.641l-.46.266a.781.781 0 0 0-.368.865 4.898 4.898 0 0 1 0 2.354.782.782 0 0 0 .367.865l.46.266c.225.129.302.416.172.64Z" />
				</g>
				<defs>
					<clipPath id="a">
						<path fill="#fff" d="M0 0h16v16H0z" />
					</clipPath>
				</defs>
			</svg>
		</div>
	);
};

export const StyleIcon = () => {
	return (
		<div className="sp-real-tab-panel-icon">
			<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} fill="none">
				<g fill="#2F2F2F" clipPath="">
					<path d="M3.751 9.004a.939.939 0 0 1 0-1.875.939.939 0 0 1 0 1.875Zm4.25-4.25a.939.939 0 0 1 0-1.875.939.939 0 0 1 0 1.875Zm3.005 1.245a.939.939 0 0 1 0-1.875.939.939 0 0 1 0 1.875Zm-6.01 0a.939.939 0 0 1 0-1.875.939.939 0 0 1 0 1.875Z" />
					<path d="M6.754 15.936c-.141 0-.284-.015-.426-.045a8.026 8.026 0 0 1-4.519-2.76A8.015 8.015 0 0 1 .001 8.067c0-2.134.83-4.14 2.338-5.651A7.948 7.948 0 0 1 7.985.066h.016c4.391 0 7.979 3.568 8 7.96v.13a3.821 3.821 0 0 1-1.159 2.706 3.875 3.875 0 0 1-2.725 1.11h-2.24c-.604 0-1.094.491-1.094 1.095v.837c0 .616-.275 1.191-.754 1.579a2.023 2.023 0 0 1-1.275.453ZM8.001 1.629h-.013a6.447 6.447 0 0 0-6.424 6.437c0 3.02 2.14 5.669 5.09 6.297.19.04.327-.042.392-.095a.462.462 0 0 0 .174-.364v-.838a2.66 2.66 0 0 1 2.656-2.656h2.241c1.267 0 2.308-1.019 2.322-2.272v-.104C14.42 4.5 11.534 1.629 8 1.629Z" />
				</g>
				<defs>
					<clipPath id="a">
						<path fill="#fff" d="M0 0h16v16H0z" />
					</clipPath>
				</defs>
			</svg>
		</div>
	);
};
export const SliderStyleIcon = () => {
	return (
		<div className="sp-real-tab-panel-icon">
			<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} fill="none">
				<path
					fill="#2f2f2f"
					d="M11.818 8.636a3.183 3.183 0 0 1 0 6.364H4.182a3.183 3.183 0 0 1 0-6.364h7.636ZM4.182 9.909a1.918 1.918 0 0 0-1.91 1.91c0 1.06.858 1.908 1.91 1.908h7.636a1.907 1.907 0 0 0 1.91-1.909c0-1.052-.858-1.9-1.91-1.909H4.182Zm7.61.62a1.272 1.272 0 1 1 .002 2.547 1.272 1.272 0 0 1-.002-2.548ZM11.818 1A3.183 3.183 0 0 1 15 4.182a3.177 3.177 0 0 1-3.182 3.181H4.182A3.177 3.177 0 0 1 1 4.182 3.183 3.183 0 0 1 4.182 1h7.636ZM4.182 2.272a1.918 1.918 0 0 0-1.91 1.91c0 1.06.858 1.909 1.91 1.909h7.636c1.053 0 1.91-.849 1.91-1.91 0-1.051-.858-1.9-1.91-1.909H4.182Zm.016.663c.704 0 1.274.568 1.274 1.272 0 .696-.57 1.273-1.274 1.273a1.283 1.283 0 0 1-1.272-1.273c0-.704.577-1.272 1.272-1.272Z"
				/>
			</svg>
		</div>
	);
};

export const AdvancedIcon = () => {
	return (
		<div className="sp-real-tab-panel-icon">
			<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16}>
				<g clipPath="url(#a)">
					<path d="m14.666 6.667-1.6-.267c-.088-.267-.177-.533-.355-.8l.889-1.333c.178-.178.089-.445-.09-.623L12.267 2.4c-.088-.178-.355-.178-.533 0l-1.333.889c-.267-.178-.534-.267-.8-.356l-.267-1.6C9.244 1.067 9.066.89 8.89.89H7.11a.801.801 0 0 0-.533.533L6.31 2.933c-.267.09-.533.267-.8.356L4.178 2.4a.43.43 0 0 0-.623 0L2.311 3.733c-.178.09-.178.356 0 .623L3.2 5.689c-.09.178-.267.444-.356.8l-1.51.178c-.268.089-.445.266-.445.533v1.778c0 .266.177.444.444.444l1.6.267c.089.267.178.533.356.8l-.89 1.333c-.266.178-.266.445-.088.622l1.333 1.334a.547.547 0 0 0 .622.089l1.334-.89c.266.179.533.267.8.356l.266 1.6c.09.267.267.445.445.445h1.778c.266 0 .444-.178.444-.445l.267-1.6c.266-.089.533-.177.8-.355l1.333.889c.178.177.445.089.622-.09l1.245-1.244a.547.547 0 0 0 .089-.622l-.89-1.333c.179-.267.267-.534.356-.8l1.6-.267c.267-.089.445-.267.445-.444V7.289c-.09-.356-.267-.533-.534-.622Zm-6.666 4a2.58 2.58 0 0 1-2.578-2.578A2.58 2.58 0 0 1 8 5.51a2.58 2.58 0 0 1 2.578 2.578A2.58 2.58 0 0 1 8 10.667Z" />
				</g>
				<defs>
					<clipPath id="a">
						<path d="M0 0h16v16H0z" />
					</clipPath>
				</defs>
			</svg>
		</div>
	);
};

export const ReviewsTabIcon = () => (
	<svg width={16} height={16} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
		<g clipPath="url(#ReviewsTabIcona)">
			<path
				d="m10.53 5.384 5.47.858-3.918 3.864.87 5.394L8 13.031 3.075 15.5l.843-5.394L0 6.242l5.497-.858L8 .5zM6.352 6.566l-3.602.562 2.556 2.52-.103.66-.454 2.898 3.25-1.628 3.266 1.628-.574-3.555 2.56-2.525-3.572-.56-1.673-3.23z"
				fill="#1e1e1e"
			/>
		</g>
		<defs>
			<clipPath id="ReviewsTabIcona">
				<path fill="#fff" d="M0 0h16v16H0z" />
			</clipPath>
		</defs>
	</svg>
);

export const FilterTabIcon = () => (
	<svg width={16} height={16} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
		<path
			d="M1.436 2.917h8.894c.264 0 .502.16.582.398a.61.61 0 0 1-.133.688L7.578 7.205v5.241a.61.61 0 0 1-.397.582.61.61 0 0 1-.688-.132L4.374 10.78a.64.64 0 0 1-.185-.45V7.205L.986 4.003a.61.61 0 0 1-.132-.688.63.63 0 0 1 .582-.398m3.838 3.574a.62.62 0 0 1 .185.45v3.123l.847.847v-3.97c0-.16.08-.318.186-.45l2.302-2.303H2.971zm8.02-3.574h1.27c.345 0 .636.292.636.636a.644.644 0 0 1-.635.635h-1.27a.644.644 0 0 1-.636-.635c0-.344.291-.636.635-.636M9.906 7.364h4.659c.344 0 .635.291.635.635a.644.644 0 0 1-.635.636H9.906a.644.644 0 0 1-.635-.636c0-.344.291-.635.635-.635m0 4.447h4.659c.344 0 .635.291.635.635a.644.644 0 0 1-.635.636H9.906a.644.644 0 0 1-.635-.636c0-.344.291-.635.635-.635"
			fill="#1e1e1e"
		/>
	</svg>
);
