export const GeneralIcon = () => {
	return (
		<div className="sp-testimonial-block-icon">
			<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} fill="none">
				<g clipPath="url(#a)">
					<path
						fillRule="evenodd"
						d="M5.625 8A2.38 2.38 0 0 0 8 10.375c.95 0 1.807-.564 2.183-1.437a.625.625 0 0 1 1.148.494A3.623 3.623 0 0 1 8 11.624 3.63 3.63 0 0 1 4.375 8 3.64 3.64 0 0 1 6.56 4.681a.625.625 0 1 1 .504 1.144A2.39 2.39 0 0 0 5.625 8zm.188 5.81v.315A1.88 1.88 0 0 0 7.688 16h.625a1.88 1.88 0 0 0 1.875-1.875v-.315c0-.083.052-.158.133-.191l.011-.005a.209.209 0 0 1 .23.041l.223.223c.354.354.825.549 1.326.549s.972-.195 1.326-.549l.442-.442c.354-.354.549-.825.549-1.326s-.195-.972-.549-1.326l-.223-.223a.208.208 0 0 1-.041-.23l.005-.012a.208.208 0 0 1 .191-.132h.315A1.88 1.88 0 0 0 16 8.313v-.625c0-.778-.49-1.484-1.219-1.757a.624.624 0 1 0-.437 1.171.63.63 0 0 1 .406.586v.625c0 .345-.28.625-.625.625h-.315c-.591 0-1.119.355-1.347.906l-.004.009a1.455 1.455 0 0 0 .311 1.593l.223.223a.62.62 0 0 1 .183.442.62.62 0 0 1-.183.442l-.442.442a.62.62 0 0 1-.442.183.62.62 0 0 1-.442-.183l-.223-.223a1.456 1.456 0 0 0-1.593-.312l-.01.004c-.55.227-.906.756-.906 1.347v.315c0 .345-.28.625-.625.625h-.625a.625.625 0 0 1-.625-.625v-.315c0-.591-.355-1.119-.906-1.347l-.011-.005a1.455 1.455 0 0 0-1.591.312l-.223.223a.625.625 0 0 1-.884 0l-.442-.442a.62.62 0 0 1-.183-.442.62.62 0 0 1 .183-.442l.223-.223c.418-.418.54-1.043.312-1.593l-.004-.008a1.455 1.455 0 0 0-1.347-.906h-.315a.625.625 0 0 1-.625-.625v-.625c0-.345.28-.625.625-.625h.315c.591 0 1.119-.356 1.346-.906l.004-.009a1.457 1.457 0 0 0-.311-1.594l-.223-.223a.62.62 0 0 1-.183-.442.62.62 0 0 1 .183-.442l.442-.442a.625.625 0 0 1 .884 0l.223.223c.418.418 1.043.54 1.593.311l.007-.003c.552-.228.908-.757.908-1.347v-.315c0-.345.28-.625.625-.625h.625a.62.62 0 0 1 .597.437.626.626 0 0 0 1.193-.375A1.865 1.865 0 0 0 8.313 0h-.625a1.88 1.88 0 0 0-1.875 1.875v.315a.208.208 0 0 1-.133.191l-.009.004a.209.209 0 0 1-.232-.04l-.223-.223a1.88 1.88 0 0 0-2.652 0l-.442.442c-.354.354-.549.825-.549 1.326s.195.972.549 1.326l.223.223a.21.21 0 0 1 .041.23l-.005.012a.208.208 0 0 1-.191.132h-.315A1.88 1.88 0 0 0 0 7.688v.625a1.88 1.88 0 0 0 1.875 1.875h.315c.083 0 .158.052.191.133l.005.012a.21.21 0 0 1-.041.23l-.223.223c-.354.354-.549.825-.549 1.326s.195.972.549 1.326l.442.442a1.88 1.88 0 0 0 2.652 0l.223-.223a.208.208 0 0 1 .23-.041l.014.006a.207.207 0 0 1 .131.19zm3.57-9.838L12.8.548a1.88 1.88 0 0 1 2.652 0c.731.731.731 1.921.001 2.651L12.029 6.63a.625.625 0 0 1-.261.157l-2.46.747a.624.624 0 0 1-.784-.765l.699-2.523a.633.633 0 0 1 .16-.275zm4.182-.651-.884-.884-2.297 2.302-.352 1.269 1.223-.371 2.31-2.315zm1.003-1.006a.625.625 0 0 0-.883-.884l-.121.121.884.884.12-.121z"
					/>
				</g>
				<defs>
					<clipPath id="a">
						<path fill="#fff" d="M0 0h16v16H0z" />
					</clipPath>
				</defs>
			</svg>
		</div>
	);
};
export const StyleIcon = () => {
	return (
		<div className="sp-testimonial-block-icon">
			<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} fill="none">
				<g clipPath="url(#a)">
					<path d="M8 5.625zm.368.023L12.626.749a1.86 1.86 0 0 1 2.601-.391 1.86 1.86 0 0 1 .75 1.224c.078.495-.041.99-.335 1.395l-4.589 5.286a3.14 3.14 0 0 1-.871 2.709c-1.171 1.178-2.492 1.34-3.746 1.34-1.762 0-3.163-1.059-3.222-1.104a.624.624 0 0 1 .15-1.077c.909-.361 1.128-.989 1.405-1.784.208-.595.443-1.27 1.011-1.814A3.21 3.21 0 0 1 8 5.625c.118.001.252.008.368.023zM9.63 6.1a3.18 3.18 0 0 1 .551.444 3.13 3.13 0 0 1 .348.416l4.114-4.736a.62.62 0 0 0 .099-.447.62.62 0 0 0-.25-.408.62.62 0 0 0-.873.138L9.63 6.1zm-.335 1.325a1.823 1.823 0 0 0-1.286-.55 1.958 1.958 0 0 0-1.365.561c-.351.336-.51.793-.695 1.322-.218.625-.473 1.358-1.126 1.935.436.192 1.003.369 1.613.369 1.169 0 2.055-.162 2.859-.972a1.895 1.895 0 0 0 0-2.666zm6.08-1.988a.625.625 0 0 0-.625.625V10.5a.63.63 0 0 0 1.25 0V6.062a.625.625 0 0 0-.625-.625zm0 7.437a.625.625 0 0 0-.625.625 1.25 1.25 0 0 1-1.25 1.25h-11a1.25 1.25 0 0 1-1.25-1.25v-11A1.25 1.25 0 0 1 2.5 1.25h7.844c.829-.033.829-1.217 0-1.25H2.5A2.503 2.503 0 0 0 0 2.5v11C0 14.878 1.121 16 2.5 16h11c1.378 0 2.5-1.121 2.5-2.5a.625.625 0 0 0-.625-.625z" />
				</g>
				<defs>
					<clipPath id="a">
						<path fill="#fff" d="M0 0h16v16H0z" />
					</clipPath>
				</defs>
			</svg>
		</div>
	);
};
export const AdvancedIcon = () => {
	return (
		<div className="sp-testimonial-block-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>
	);
};
/**
 * responsive component device icons.
 */
export const DesktopIcon = () => (
	<svg xmlns="http://www.w3.org/2000/svg" width={14} height={12} fill="none">
		<path d="M12.714 0H1.286C.655 0 .143.504.143 1.125v7.5c0 .621.512 1.125 1.143 1.125h4.571l-.38 1.125H3.761a.566.566 0 0 0-.571.563c0 .311.254.562.571.562h6.476c.317 0 .572-.25.572-.563a.566.566 0 0 0-.572-.562H8.524l-.38-1.125h4.57c.631 0 1.143-.504 1.143-1.125v-7.5C13.857.504 13.346 0 12.714 0Zm-.38 8.25H1.667V1.5h10.667v6.75Z" />
	</svg>
);
export const TabletIcon = () => (
	<svg xmlns="http://www.w3.org/2000/svg" width={12} height={12} fill="none">
		<path d="M9.428 0H2.571C1.623 0 .857.67.857 1.5v9c0 .83.766 1.5 1.714 1.5h6.857c.949 0 1.715-.67 1.715-1.5v-9c0-.83-.766-1.5-1.715-1.5ZM7.143 11H4.857v-.5h2.286v.5Zm3-1.5H1.857v-8h8.286v8Z" />
	</svg>
);
export const MobileIcon = () => (
	<svg xmlns="http://www.w3.org/2000/svg" width={8} height={12} fill="none">
		<path d="M6.286 0H1.714C1.082 0 .571.67.571 1.5v9c0 .83.51 1.5 1.143 1.5h4.572c.632 0 1.142-.67 1.142-1.5v-9c0-.83-.51-1.5-1.142-1.5ZM4.762 11H3.238v-.5h1.524v.5Zm2-1.5H1.238v-8h5.524v8Z" />
	</svg>
);
// Space Control Icon.
export const SpacingControlIcon = () => (
	<svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none">
		<path
			fill="#2F2F2F"
			d="M8.4 16.7h.7l-1.6 3.5.9.4 3.9-8.5H15v-1.5h-2l1.3-2.8h1.3c2 0 3.7 1.7 3.7 3.7s-1.7 3.7-3.7 3.7H14v1.5h1.6c2.9 0 5.2-2.3 5.2-5.2 0-2.9-2.3-5.2-5.2-5.2H15l1.4-3.2-.9-.4-5.7 12.5H8.4c-2 0-3.7-1.7-3.7-3.7s1.7-3.7 3.7-3.7H10V6.3H8.4c-2.9 0-5.2 2.3-5.2 5.2 0 2.9 2.4 5.2 5.2 5.2Z"
		/>
	</svg>
);
// Space Control Icon.
export const SpacingControlActiveIcon = () => (
	<svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none">
		<path
			fill="#fff"
			d="M8.4 16.8H10v-1.5H8.4c-2 0-3.7-1.7-3.7-3.7s1.7-3.7 3.7-3.7H10V6.4H8.4c-2.8 0-5.2 2.3-5.2 5.2 0 2.9 2.3 5.2 5.2 5.2Zm10.9-5.2c0 2-1.7 3.7-3.7 3.7H14v1.5h1.6c2.9 0 5.2-2.3 5.2-5.2 0-2.9-2.3-5.2-5.2-5.2H14v1.5h1.6c2 0 3.7 1.7 3.7 3.7Zm-4.6-.9H9.4v1.5h5.3v-1.5Z"
		/>
	</svg>
);
/**
 * multi select with dnd component icons
 */
export const DeleteIcon = () => {
	return (
		<svg xmlns="http://www.w3.org/2000/svg" width={8} height={8} fill="none">
			<path
				fill="#2F2F2F"
				d="M4 4.778 6.722 7.5l.778-.778L4.778 4 7.5 1.278 6.722.5 4 3.222 1.278.5.5 1.278 3.222 4 .5 6.722l.778.778L4 4.778Z"
			/>
		</svg>
	);
};
export const ArrowIconOne = () => (
	<svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} aria-hidden="true" className="">
		<path d="M17.5 11.6 12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z" />
	</svg>
);
export const ArrowIconTwo = () => (
	<svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} aria-hidden="true">
		<path d="M6.5 12.4 12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z" />
	</svg>
);
/**
 * Typography icons.
 */
export const DecorationUnderline = () => {
	return (
		<svg xmlns="http://www.w3.org/2000/svg" width={25} height={24} fill="none">
			<path d="M9.117 14.752C9.872 15.584 11 16 12.5 16s2.622-.416 3.367-1.248C16.622 13.91 17 12.73 17 11.21V5h-1.474v5.808c0 1.171-.212 2.11-.636 2.82-.425.698-1.221 1.047-2.39 1.047s-1.966-.35-2.39-1.048c-.424-.698-.636-1.638-.636-2.819V5H8v6.209c0 1.52.372 2.7 1.117 3.543ZM7.5 18v1h10v-1h-10Z" />
		</svg>
	);
};
export const DecorationLineThrough = () => {
	return (
		<svg xmlns="http://www.w3.org/2000/svg" width={25} height={24} fill="none">
			<path
				fillRule="evenodd"
				d="M11.904 19c-.795 0-1.603-.09-2.423-.27-.82-.166-1.481-.365-1.981-.595l.25-1.943c.641.308 1.365.577 2.173.808.808.23 1.61.346 2.404.346.897 0 1.59-.16 2.077-.48.5-.334.75-.828.75-1.481 0-.488-.128-.891-.385-1.212-.243-.333-.609-.609-1.096-.827a9.075 9.075 0 0 0-.83-.346H4.5v-1h16v1h-4.094c.499.587.748 1.337.748 2.25 0 1.18-.442 2.103-1.327 2.77-.885.653-2.192.98-3.923.98ZM7.59 9a4.884 4.884 0 0 1-.013-.365c0-1.09.417-1.968 1.25-2.635.846-.667 2.032-1 3.558-1 .82 0 1.596.09 2.326.27.744.179 1.392.397 1.943.653l-.192 1.942c-.718-.423-1.41-.73-2.077-.923a7.456 7.456 0 0 0-2.077-.288c-.834 0-1.5.154-2 .461-.487.308-.731.782-.731 1.423 0 .165.016.32.047.462H7.59Z"
				clipRule="evenodd"
			/>
		</svg>
	);
};
export const DecorationOverLine = () => {
	return (
		<svg xmlns="http://www.w3.org/2000/svg" width={25} height={24} fill="none">
			<path d="M7.115 4.538h10.77v1.077H7.114V4.538ZM17.347 13.174v.729c0 .865-.114 1.641-.34 2.328-.226.686-.552 1.27-.976 1.75-.425.48-.936.847-1.532 1.1-.59.254-1.252.38-1.986.38a4.962 4.962 0 0 1-1.962-.38 4.4 4.4 0 0 1-1.54-1.1c-.43-.48-.764-1.064-1-1.75-.238-.687-.357-1.463-.357-2.328v-.729c0-.866.116-1.639.348-2.32.237-.686.571-1.27 1.001-1.75.43-.486.941-.855 1.532-1.109a4.962 4.962 0 0 1 1.961-.38c.734 0 1.396.127 1.987.38a4.184 4.184 0 0 1 1.531 1.11c.43.48.759 1.063.985 1.75.232.68.348 1.453.348 2.32Zm-1.581.729v-.745c0-.686-.075-1.293-.224-1.82-.143-.529-.356-.972-.637-1.331a2.726 2.726 0 0 0-1.035-.816 3.26 3.26 0 0 0-1.374-.277c-.496 0-.946.092-1.349.277-.397.185-.74.457-1.026.816-.282.359-.5.802-.654 1.33-.155.528-.232 1.135-.232 1.821v.745c0 .691.077 1.304.232 1.837.154.528.375.974.662 1.338.293.359.637.63 1.035.816a3.2 3.2 0 0 0 1.349.277c.519 0 .98-.093 1.382-.277a2.676 2.676 0 0 0 1.018-.816c.282-.364.494-.81.637-1.338.144-.533.216-1.146.216-1.837Z" />
		</svg>
	);
};
export const TypographyIcon = () => (
	<svg xmlns="http://www.w3.org/2000/svg" width={10} height={12} fill="none">
		<path d="M7.577 11.256H2.409v-.608c.458 0 .8-.032 1.024-.096a.635.635 0 0 0 .432-.464c.074-.235.112-.592.112-1.072v-7.44h-.832c-.587 0-1.03.064-1.328.192-.288.128-.496.357-.624.688-.128.32-.25.768-.368 1.344H.137L.313.744H9.72L9.865 3.8h-.688c-.118-.576-.246-1.024-.384-1.344-.128-.33-.336-.56-.624-.688-.288-.128-.731-.192-1.328-.192h-.816v7.44c0 .48.037.837.112 1.072.074.235.218.39.432.464.224.064.56.096 1.008.096v.608Z" />
	</svg>
);

export const InfoIcon = () => (
	<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 1200 1200">
		<path
			fill="#aaa"
			d="M198 198c-222 222-222 582 0 804s582 222 804 0 222-582 0-804-582-222-804 0zm712.8 712.8c-171.6 171.6-451.2 171.6-622.8 0-171.6-171.6-171.6-451.2 0-622.8s451.2-171.6 622.8 0c172.8 172.8 172.8 451.2 0 622.8zM535.2 357.6c0-48 39.602-86.398 87.602-86.398s86.398 39.602 85.199 87.602c0 48-39.602 87.602-86.398 86.398-48-.004-87.602-39.602-86.402-87.602zm210 499.2c-2.398 7.2-7.2 15.602-12 20.398-31.199 32.398-69.602 50.398-114 51.602-21.602 0-42 0-63.602-3.602-34.801-4.8-79.199-48-72-93.602 4.8-31.199 9.602-62.398 14.398-93.602 9.602-54 19.199-108 28.801-162 0-3.601 1.2-7.199 1.2-10.8 0-22.802-7.2-31.2-30-33.603-9.602-1.199-19.2-2.398-28.802-4.8-10.8-3.602-15.602-13.2-15.602-21.602 1.2-9.602 7.2-15.602 19.2-18 6-1.2 13.198-1.2 19.198-1.2h163.2c20.397 0 32.397 9.602 32.397 30 0 16.801-2.398 33.602-6 50.398-10.8 62.398-22.8 123.6-33.602 186-3.601 20.398-8.398 40.801-10.8 61.2-1.2 9.601 0 20.397 2.398 30 3.601 13.198 13.199 20.397 26.398 18 10.8-1.2 21.602-4.801 32.398-9.602 8.398-3.602 15.602-9.602 24-12 15.617-5.988 26.418 3.613 22.816 16.812z"
		/>
	</svg>
);
export const DndIndicatorIcon = () => (
	<svg width={16} height={16} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
		<path d="M6.618 2.431a1.627 1.627 0 1 1-3.253 0 1.627 1.627 0 0 1 3.253 0" fill="#949494" />
		<path
			d="M6.463 2.43a1.48 1.48 0 0 1-.966 1.382 1.49 1.49 0 0 1-1.64-.449 1.48 1.48 0 0 1-.12-1.698A1.48 1.48 0 0 1 5.275.987a1.49 1.49 0 0 1 1.189 1.444c.001.201.314.201.312 0A1.81 1.81 0 0 0 5.6.754a1.79 1.79 0 0 0-1.976.538 1.8 1.8 0 0 0-.155 2.062c.39.642 1.155.969 1.889.822.82-.166 1.412-.916 1.419-1.745 0-.202-.313-.202-.314 0m.155 5.571a1.627 1.627 0 1 1-3.253 0 1.627 1.627 0 0 1 3.253 0"
			fill="#949494"
		/>
		<path
			d="M6.463 8a1.48 1.48 0 0 1-.966 1.382 1.49 1.49 0 0 1-1.64-.448 1.48 1.48 0 0 1-.12-1.699 1.48 1.48 0 0 1 1.537-.678 1.49 1.49 0 0 1 1.189 1.444c.001.201.314.201.312 0A1.81 1.81 0 0 0 5.6 6.324a1.79 1.79 0 0 0-1.976.538 1.8 1.8 0 0 0-.155 2.062c.39.643 1.155.97 1.889.822.82-.165 1.412-.915 1.419-1.745 0-.202-.313-.202-.314 0m.155 5.571a1.627 1.627 0 1 1-3.253 0 1.627 1.627 0 0 1 3.253 0"
			fill="#949494"
		/>
		<path
			d="M6.463 13.571a1.48 1.48 0 0 1-.966 1.381 1.49 1.49 0 0 1-1.64-.448 1.48 1.48 0 0 1-.12-1.698 1.48 1.48 0 0 1 1.537-.678 1.49 1.49 0 0 1 1.189 1.443c.001.202.314.202.312 0A1.81 1.81 0 0 0 5.6 11.895a1.79 1.79 0 0 0-1.976.537 1.8 1.8 0 0 0-.155 2.063c.39.642 1.155.968 1.889.822.82-.166 1.412-.916 1.419-1.746 0-.201-.313-.201-.314 0m6.171-11.14a1.626 1.626 0 1 1-3.253 0 1.626 1.626 0 0 1 3.253 0"
			fill="#949494"
		/>
		<path
			d="M12.478 2.43a1.48 1.48 0 0 1-.965 1.382 1.49 1.49 0 0 1-1.641-.449 1.48 1.48 0 0 1-.119-1.698A1.48 1.48 0 0 1 11.29.987a1.49 1.49 0 0 1 1.19 1.444c0 .201.313.201.312 0A1.81 1.81 0 0 0 11.616.754a1.79 1.79 0 0 0-1.977.538 1.8 1.8 0 0 0-.154 2.062c.39.642 1.154.969 1.889.822.82-.166 1.412-.916 1.418-1.745 0-.202-.312-.202-.314 0m.156 5.571a1.626 1.626 0 1 1-3.253 0 1.626 1.626 0 0 1 3.253 0"
			fill="#949494"
		/>
		<path
			d="M12.478 8a1.48 1.48 0 0 1-.965 1.382 1.49 1.49 0 0 1-1.641-.448 1.48 1.48 0 0 1-.119-1.699 1.48 1.48 0 0 1 1.536-.678 1.49 1.49 0 0 1 1.19 1.444c0 .201.313.201.312 0a1.81 1.81 0 0 0-1.175-1.677 1.79 1.79 0 0 0-1.977.538 1.8 1.8 0 0 0-.154 2.062c.39.643 1.154.97 1.889.822.82-.165 1.412-.915 1.418-1.745 0-.202-.312-.202-.314 0m.156 5.571a1.627 1.627 0 1 1-3.253 0 1.627 1.627 0 0 1 3.253 0"
			fill="#949494"
		/>
		<path
			d="M12.478 13.571a1.48 1.48 0 0 1-.965 1.381 1.49 1.49 0 0 1-1.641-.448 1.48 1.48 0 0 1-.119-1.698 1.48 1.48 0 0 1 1.536-.678 1.49 1.49 0 0 1 1.19 1.443c0 .202.313.202.312 0a1.81 1.81 0 0 0-1.175-1.676 1.79 1.79 0 0 0-1.977.537 1.8 1.8 0 0 0-.154 2.063c.39.642 1.154.968 1.889.822.82-.166 1.412-.916 1.418-1.746 0-.201-.312-.201-.314 0"
			fill="#949494"
		/>
	</svg>
);

// arrow icons.
export const ChevronSolid = () => (
	<svg width={8} height={14} viewBox="0 0 8 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
		<path d="M7.49995 6.40003L1.89995 0.700024C1.49995 0.300024 0.899951 0.300024 0.499951 0.700024C0.0999514 1.10002 0.0999514 1.70002 0.499951 2.10002L5.39995 7.00003L0.499951 11.9C0.299951 12.1 0.199951 12.3 0.199951 12.6C0.199951 13.2 0.599951 13.6 1.19995 13.6C1.49995 13.6 1.69995 13.5 1.89995 13.3L7.59995 7.60003C7.89995 7.40003 7.89995 6.80002 7.49995 6.40003Z" />
	</svg>
);
export const ChevronOutline = () => (
	<svg width={10} height={18} viewBox="0 0 10 18" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
		<path d="M1.25005 17.25C1.05823 17.25 0.866234 17.1767 0.719797 17.0302C0.426734 16.7372 0.426734 16.2626 0.719797 15.9697L7.68955 8.99998L0.719797 2.03023C0.426734 1.73716 0.426734 1.2626 0.719797 0.969727C1.01286 0.676852 1.48742 0.676664 1.7803 0.969727L9.2803 8.46973C9.57336 8.76279 9.57336 9.23735 9.2803 9.53023L1.7803 17.0302C1.63386 17.1767 1.44186 17.25 1.25005 17.25Z" />
	</svg>
);
export const ChevronBold = () => (
	<svg width={10} height={15} viewBox="0 0 10 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
		<path
			d="M9.35391 8.29922L2.97891 14.6742C2.53828 15.1148 1.82578 15.1148 1.38984 14.6742L0.330469 13.6148C-0.110156 13.1742 -0.110156 12.4617 0.330469 12.0258L4.84922 7.50703L0.330469 2.98828C-0.110156 2.54766 -0.110156 1.83516 0.330469 1.39922L1.38516 0.330469C1.82578 -0.110156 2.53828 -0.110156 2.97422 0.330469L9.34922 6.70547C9.79453 7.14609 9.79453 7.85859 9.35391 8.29922Z"
			// fill="black"
		/>
	</svg>
);
export const DoubleChevron = () => (
	<svg width={14} height={14} viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
		<path
			d="M6.34237 13.3157C5.97377 12.9471 5.97377 12.3607 6.34237 11.992L11.3271 7.00727L6.34237 2.0225C5.97377 1.6539 5.97377 1.06746 6.34237 0.698816C6.71097 0.330212 7.29741 0.330212 7.66605 0.698816L13.3126 6.34541C13.6813 6.71401 13.6813 7.30045 13.3126 7.66909L7.66609 13.3157C7.29749 13.676 6.71105 13.676 6.34237 13.3157Z"
			// fill="black"
		/>
		<path
			d="M0.687342 13.3158C0.318738 12.9471 0.318738 12.3607 0.687342 11.9921L5.67211 7.0073L0.687342 2.01421C0.318738 1.64561 0.318738 1.05917 0.687342 0.690529C1.05595 0.321888 1.64238 0.321925 2.01103 0.690529L7.65765 6.33708C8.02626 6.70569 8.02626 7.29213 7.65765 7.66077L2.01103 13.3074C1.65078 13.676 1.05598 13.676 0.687342 13.3158Z"
			// fill="black"
		/>
	</svg>
);
export const ArrowSolid = () => (
	<svg width={16} height={16} viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
		<path
			d="M1.5387 9.5107H11.016L7.83315 12.9702C7.27005 13.5773 7.31411 14.5371 7.92618 15.1002C8.53337 15.6633 9.50048 15.6266 10.0562 15.0194L15.577 9.0212C15.8414 8.7323 15.9712 8.36993 15.9712 8.00024C15.9712 7.63055 15.839 7.26577 15.577 6.97928L10.0562 0.981084C9.49797 0.373899 8.53337 0.334726 7.92618 0.900287C7.31163 1.46339 7.2676 2.42313 7.83315 3.03032L11.016 6.48978H1.5387C0.706242 6.48978 0.0280762 7.16063 0.0280762 8.0004C0.0280762 8.84017 0.70384 9.51102 1.5387 9.51102V9.5107Z"
			// fill="black"
		/>
	</svg>
);
export const ArrowOutline = () => (
	<svg width={18} height={16} viewBox="0 0 18 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="M11.489 9.73014H2.05357C0.0195797 9.73014 0.0195797 6.28366 2.05357 6.28366H11.489L8.60752 3.40218C7.19503 1.98969 9.62451 -0.496291 11.037 0.972699L17.026 6.96166C17.6475 7.52665 17.6475 8.48715 17.026 9.10864C15.0485 11.0861 13.0145 13.0636 11.037 15.0976C9.62451 16.5101 7.13853 14.0806 8.60752 12.6116L11.489 9.73014ZM13.636 8.82614L9.22902 13.2896C8.60752 13.8546 9.79401 15.0411 10.4155 14.4196C12.393 12.4421 14.427 10.4646 16.4045 8.43065C16.6305 8.20465 16.6305 7.80915 16.4045 7.58315L10.4155 1.59419C9.85051 0.972699 8.66402 2.15919 9.22902 2.78069L13.636 7.18766H2.05357C1.20607 7.18766 1.20607 8.82614 2.05357 8.82614H13.636Z"
			// fill="black"
		/>
	</svg>
);
export const ArrowMinimal = () => (
	<svg width={24} height={24} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
		<mask
			id="mask0_17641_14652"
			style={{
				maskType: "luminance",
			}}
			maskUnits="userSpaceOnUse"
			x={0}
			y={0}
			width={24}
			height={24}
		>
			<path d="M0 0H24V24H0V0Z" fill="white" />
		</mask>
		<g mask="url(#mask0_17641_14652)">
			<path
				d="M14.5 21.4993C14.372 21.4993 14.244 21.4503 14.146 21.3533C13.951 21.1583 13.951 20.8412 14.146 20.6462L22.793 11.9992L14.147 3.35325C13.952 3.15825 13.952 2.84125 14.147 2.64625C14.342 2.45125 14.659 2.45125 14.854 2.64625L23.854 11.6462C24.049 11.8412 24.049 12.1582 23.854 12.3532L14.854 21.3533C14.756 21.4503 14.628 21.4993 14.5 21.4993Z"
				// fill="black"
			/>
			<path
				d="M23.5 12.4993H0.5C0.224 12.4993 0 12.2753 0 11.9993C0 11.7233 0.224 11.4993 0.5 11.4993H23.5C23.776 11.4993 24 11.7233 24 11.9993C24 12.2753 23.776 12.4993 23.5 12.4993Z"
				// fill="black"
			/>
		</g>
	</svg>
);
export const ChevronBorderLine = () => (
	<svg width={10} height={16} viewBox="0 0 10 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
		<path
			d="M9.10076 6.80249L3.29436 0.996084C2.63187 0.334234 1.56115 0.334718 0.899298 0.996084C0.238376 1.65701 0.236804 2.7293 0.899771 3.39114L5.5082 7.99998L0.899367 12.6088C0.238445 13.2688 0.236873 14.3425 0.89984 15.0034C1.55931 15.6639 2.6312 15.6669 3.29446 15.0034L9.10086 9.19703C9.42123 8.87775 9.59686 8.4528 9.59686 7.99994C9.59686 7.54756 9.42124 7.12212 9.10086 6.80241L9.10076 6.80249ZM8.41654 8.51336L2.61013 14.3198C2.32662 14.6033 1.86683 14.6033 1.58332 14.3198C1.29981 14.0372 1.29981 13.5769 1.58332 13.2934L6.87683 7.99994L1.58332 2.70684C1.29981 2.42379 1.29981 1.96354 1.58332 1.68051C1.86637 1.39652 2.32755 1.39747 2.61013 1.68004L8.41654 7.48644C8.69973 7.77012 8.69973 8.22975 8.41654 8.51325V8.51336Z"
			// fill="black"
		/>
	</svg>
);
export const DoubleChevronOutline = () => (
	<svg width={16} height={16} viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
		<path d="M4.68926 7.33426C4.95939 7.74031 4.95939 8.26528 4.68926 8.66963L0.897206 14.3696C0.747699 14.5939 0.734108 14.8793 0.861528 15.1171C0.98895 15.355 1.2353 15.5011 1.50373 15.5011L3.69877 15.5011C4.3002 15.5011 4.85745 15.2021 5.19044 14.7026L9.01647 8.95166C9.40043 8.37402 9.40043 7.62818 9.01647 7.05054L5.19045 1.2996C4.85745 0.800113 4.3002 0.501098 3.69877 0.501098L1.50373 0.501098C1.2353 0.501098 0.988951 0.648907 0.86153 0.88506C0.734109 1.12121 0.7477 1.40834 0.897208 1.6326L4.68926 7.33426ZM1.31175 1.12631C1.33044 1.09233 1.3865 1.01078 1.50543 1.01078L3.69877 1.01078C4.1286 1.01078 4.52786 1.22485 4.76571 1.58163L8.59174 7.33426C8.86187 7.74031 8.86187 8.26528 8.59174 8.66963L4.76571 14.4206C4.52785 14.779 4.1286 14.9914 3.69877 14.9914L1.50373 14.9914C1.3848 14.9914 1.32874 14.9099 1.31005 14.8759C1.29136 14.8419 1.25568 14.7502 1.32024 14.6516L5.11399 8.95166C5.49795 8.37402 5.49795 7.62818 5.11399 7.05054L1.32194 1.35057C1.25738 1.25203 1.29306 1.16199 1.31175 1.12631Z" />
		<path d="M10.6204 7.33426C10.8905 7.74031 10.8905 8.26528 10.6204 8.66963L6.82835 14.3696C6.67884 14.5939 6.66525 14.8793 6.79267 15.1171C6.92009 15.355 7.16644 15.5011 7.43487 15.5011L9.62991 15.5011C10.2313 15.5011 10.7886 15.2021 11.1216 14.7026L14.9459 8.95166C15.3299 8.37402 15.3299 7.62818 14.9459 7.05054L11.1199 1.2996C10.7869 0.800113 10.2296 0.501098 9.62821 0.501098L7.43317 0.501098C7.16474 0.501098 6.91839 0.648907 6.79097 0.88506C6.66355 1.12291 6.67714 1.40834 6.82665 1.6326L10.6204 7.33426ZM7.24289 1.12631C7.26158 1.09233 7.31765 1.01078 7.43657 1.01078L9.62991 1.01078C10.0597 1.01078 10.459 1.22485 10.6969 1.58163L14.5229 7.33426C14.793 7.74031 14.793 8.26528 14.5229 8.66963L10.6968 14.4206C10.459 14.779 10.0597 14.9914 9.62991 14.9914L7.43487 14.9914C7.31595 14.9914 7.25988 14.9099 7.24119 14.8759C7.2225 14.8419 7.18683 14.7502 7.25139 14.6516L11.0451 8.95166C11.4291 8.37402 11.4291 7.62818 11.0451 7.05054L7.25309 1.35057C7.18683 1.25203 7.2242 1.16199 7.24289 1.12631Z" />
	</svg>
);
export const TriangleOutline = () => (
	<svg width={10} height={12} viewBox="0 0 10 12" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
		<path
			d="M9.49388 5.55745L1.14605 0.340058C0.985044 0.239429 0.782513 0.233825 0.616667 0.326556C0.450567 0.418268 0.3479 0.592775 0.3479 0.782568V11.2174C0.3479 11.4071 0.450567 11.5817 0.616667 11.6739C0.695896 11.7172 0.782513 11.7391 0.86964 11.7391C0.965682 11.7391 1.06173 11.7126 1.14605 11.6599L9.49388 6.44247C9.64622 6.34694 9.73921 6.18007 9.73921 5.99996C9.73921 5.81985 9.64622 5.65298 9.49388 5.55745ZM1.39138 10.276V1.72389L8.23284 5.99996L1.39138 10.276Z"
			// fill="black"
		/>
	</svg>
);
export const ArrowLine = () => (
	<svg width={11} height={9} viewBox="0 0 11 9" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
		<path d="M10.2911 3.72177L6.79413 0.224809C6.49438 -0.0749362 5.99482 -0.0749362 5.69507 0.224809C5.39533 0.524553 5.39533 1.02412 5.69507 1.32386L7.89318 3.52197H0.799311C0.299745 3.52197 0 3.82172 0 4.22136C0 4.621 0.299745 5.02067 0.799311 5.02067H7.99308L5.69507 7.21878C5.39533 7.51853 5.39533 8.01809 5.69507 8.31784C5.79499 8.41776 5.99482 8.51766 6.19464 8.51766C6.39446 8.51766 6.59428 8.41773 6.6942 8.31784L10.1912 4.82085C10.5908 4.42118 10.5908 4.02151 10.2911 3.72177Z" />
	</svg>
);
export const ArrowSend = () => (
	<svg width={20} height={20} viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
		<path d="M15.7508 9.52841L4.89386 2.09998C4.67615 1.95084 4.3853 1.97026 4.18931 2.14683C3.99331 2.32283 3.94359 2.6114 4.06816 2.84282L7.92238 9.99983L4.06816 17.1574C4.02245 17.2426 4.00017 17.3357 4.00017 17.4283C4.00017 17.5865 4.06531 17.742 4.1893 17.8534C4.38587 18.03 4.67672 18.0488 4.89386 17.9003L15.7508 10.4718C16.0622 10.2581 16.0622 9.74155 15.7508 9.52841ZM9.07493 10.2707C9.12007 10.1861 9.14293 10.093 9.14293 9.99983C9.14293 9.90669 9.12007 9.81355 9.07493 9.72898L6.18927 4.37079L14.4165 9.99983L6.18927 15.6289L9.07493 10.2707Z" />
	</svg>
);
export const RightArrow = () => (
	<svg xmlns="http://www.w3.org/2000/svg" width={20} height={13} viewBox="0 0 5 9" fill="none">
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="M1.15403 0.865234L4.74524 4.81555L1.15403 8.76588L0.423828 8.10206L3.41156 4.81555L0.423829 1.52906L1.15403 0.865234Z"
			fill="#757575"
		/>
	</svg>
);
export const LeftArrow = () => (
	<svg xmlns="http://www.w3.org/2000/svg" width={20} height={13} viewBox="0 0 5 9" fill="none">
		<path
			fillRule="evenodd"
			clipRule="evenodd"
			d="M4.26589 0.865234L0.674678 4.81555L4.26589 8.76588L4.99609 8.10206L2.00836 4.81555L4.99609 1.52906L4.26589 0.865234Z"
			fill="#757575"
		/>
	</svg>
);
