import React from 'react';
import { Svg, Path } from 'react-native-svg';

const WhiteCircleIcon = ({ 
  size = 23,
  color = "white"
}) => (
  <Svg width={size} height={size} viewBox="0 0 23 23" fill="none">
    <Path
      d="M22.1066 7.04375C21.5264 5.66529 20.6948 4.42801 19.6346 3.36529C18.5745 2.30513 17.3372 1.47087 15.9562 0.893304C14.5444 0.300335 13.0453 0 11.5 0H11.4487C9.8931 0.00770089 8.38631 0.315737 6.96937 0.92154C5.60119 1.50681 4.3742 2.3385 3.32432 3.39866C2.27445 4.45882 1.45046 5.69096 0.880603 7.06429C0.290209 8.48638 -0.00755517 9.99833 0.000145629 11.5539C0.00784643 13.3354 0.433957 15.104 1.23227 16.6853V20.5871C1.23227 21.2391 1.76106 21.7679 2.41306 21.7679H6.31737C7.8986 22.5662 9.66721 22.9923 11.4487 23H11.5026C13.0402 23 14.5315 22.7022 15.9357 22.1195C17.309 21.5471 18.5437 20.7257 19.6012 19.6758C20.6614 18.6259 21.4956 17.3989 22.0783 16.0307C22.6841 14.6137 22.9922 13.1069 22.9999 11.5513C23.0076 9.98806 22.7047 8.47098 22.1066 7.04375ZM18.2279 18.2871C16.4285 20.0685 14.0413 21.0491 11.5 21.0491H11.4564C9.9085 21.0414 8.37091 20.6564 7.013 19.9325L6.79738 19.817H3.18314V16.2027L3.06763 15.9871C2.34375 14.6291 1.95871 13.0915 1.95101 11.5436C1.94075 8.98438 2.91875 6.5817 4.71303 4.77199C6.50475 2.96228 8.8997 1.96116 11.4589 1.95089H11.5026C12.786 1.95089 14.031 2.19989 15.2041 2.69275C16.3489 3.17277 17.3757 3.86328 18.2587 4.74632C19.1392 5.62679 19.8323 6.65614 20.3123 7.801C20.8103 8.98694 21.0593 10.2448 21.0541 11.5436C21.0387 14.1003 20.0351 16.4953 18.2279 18.2871Z"
      fill={color}
    />
  </Svg>
);

export default WhiteCircleIcon;