import Svg, { Circle, Path } from "react-native-svg";
import type { SvgProps } from "react-native-svg";
const SvgComponent = ({ height, width, color }: SvgProps) => (
  <Svg width={width} height={height} fill='none' viewBox='0 0 25 25'>
    <Circle cx={12} cy={13} r={11} stroke={color} strokeWidth={2} opacity={0.2} />
    <Path
      fill={color}
      d='M17.125 21.877a1 1 0 1 0 1 1.732zm5.269-4.572.924.383zm.473-7.217-.966.26zm-4.018-6.013.608-.794zm-.724 19.534a12.25 12.25 0 0 0 5.192-5.921l-1.847-.765a10.25 10.25 0 0 1-4.345 4.954zm5.192-5.921a12.25 12.25 0 0 0 .516-7.859l-1.932.518a10.25 10.25 0 0 1-.431 6.576zm.516-7.859a12.25 12.25 0 0 0-4.376-6.548L18.24 4.868a10.25 10.25 0 0 1 3.66 5.48zm-4.376-6.548A12.25 12.25 0 0 0 12 .75v2c2.256 0 4.45.745 6.24 2.118zM12 13.698l-3.19 3.19a.477.477 0 0 1-.699-.003.479.479 0 0 1 .002-.687L11.302 13 8.114 9.802a.46.46 0 0 1-.143-.34.5.5 0 0 1 .143-.347q.143-.151.344-.153.2 0 .351.145L12 12.302l3.196-3.195a.487.487 0 0 1 .698.008q.143.15.139.347a.48.48 0 0 1-.147.34L12.697 13l3.188 3.198a.47.47 0 0 1 .143.34.5.5 0 0 1-.143.347.46.46 0 0 1-.344.153.46.46 0 0 1-.346-.15z'
    />
  </Svg>
);
export default SvgComponent;
