/* eslint-disable react/destructuring-assignment */
import type React from 'react';

const RadioButtonSvg: React.FC<{ class: string }> = (props: { class: string }): JSX.Element => (
	<svg
		className={props.class}
		fill="none"
		height="20"
		viewBox="0 0 20 20"
		width="20"
		xmlns="http://www.w3.org/2000/svg"
	>
		<path
			d="M10 0C8.02219 0 6.08879 0.58649 4.4443 1.6853C2.79981 2.78412 1.51809 4.3459 0.761209 6.17316C0.00433283 8.00043 -0.1937 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 15.6725 2.92894 17.0711C4.32746 18.4696 6.10929 19.422 8.0491 19.8078C9.98891 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C20 7.34783 18.9464 4.80429 17.0711 2.92893C15.1957 1.05357 12.6522 0 10 0ZM10 18.5714C8.30473 18.5714 6.64754 18.0687 5.23797 17.1269C3.82841 16.185 2.72979 14.8464 2.08104 13.2801C1.43229 11.7139 1.26254 9.99049 1.59327 8.3278C1.924 6.6651 2.74035 5.13782 3.93909 3.93908C5.13782 2.74035 6.66511 1.924 8.3278 1.59327C9.99049 1.26254 11.7139 1.43228 13.2801 2.08103C14.8464 2.72978 16.185 3.8284 17.1269 5.23797C18.0687 6.64753 18.5714 8.30473 18.5714 10C18.5714 12.2733 17.6684 14.4535 16.0609 16.0609C14.4535 17.6684 12.2733 18.5714 10 18.5714Z"
			fill="var(--primary-color)"
		/>
		<path
			d="M9.99958 5.71484C9.15195 5.71484 8.32335 5.9662 7.61857 6.43712C6.91379 6.90804 6.36448 7.57737 6.0401 8.36049C5.71572 9.1436 5.63085 10.0053 5.79622 10.8367C5.96158 11.668 6.36976 12.4316 6.96913 13.031C7.56849 13.6304 8.33213 14.0386 9.16348 14.2039C9.99483 14.3693 10.8565 14.2844 11.6397 13.96C12.4228 13.6357 13.0921 13.0864 13.563 12.3816C14.0339 11.6768 14.2853 10.8482 14.2853 10.0006C14.2853 8.86392 13.8338 7.77383 13.03 6.9701C12.2263 6.16637 11.1362 5.71484 9.99958 5.71484Z"
			fill="var(--primary-color)"
		/>
	</svg>
);

export default RadioButtonSvg;