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>
);

export const RightArrowLong = () => (
	<svg xmlns="http://www.w3.org/2000/svg" width={35} height={12} viewBox="0 0 35 12" fill="none">
		<path
			d="M1.5 5.25a.75.75 0 0 0 0 1.5zm32.53 1.28a.75.75 0 0 0 0-1.06L29.257.697a.75.75 0 0 0-1.06 1.06L32.439 6l-4.242 4.243a.75.75 0 0 0 1.06 1.06zM1.5 6v.75h32v-1.5h-32z"
			fill="#838487"
		/>
	</svg>
);

export const TickIcon = () => (
	<svg width={16} height={15} viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
		<path d="M0 7.733 4.968 15h2.129L16 1.533 13.935 0l-8 9.467L2 5.733z" fill="#fff" />
	</svg>
);