import Svg, { Mask, Path, G } 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 24 24'>
    <Mask
      id='prefix__a'
      width={24}
      height={24}
      x={0}
      y={0}
      maskUnits='userSpaceOnUse'
      style={{
        maskType: "alpha",
      }}
    >
      <Path fill='#D9D9D9' d='M0 0h24v24H0z' />
    </Mask>
    <G mask='url(#prefix__a)'>
      <Path
        fill={color}
        d='M12 20.712a1.95 1.95 0 0 1-1.434-.586 1.95 1.95 0 0 1-.585-1.434q0-.848.585-1.433A1.95 1.95 0 0 1 12 16.673a1.95 1.95 0 0 1 1.434.586q.586.585.586 1.433a1.95 1.95 0 0 1-.586 1.434 1.95 1.95 0 0 1-1.434.585m0-9.943q1.818 0 3.438.6t2.928 1.66q.375.288.387.747a1.04 1.04 0 0 1-.322.793q-.32.32-.786.322a1.38 1.38 0 0 1-.841-.27 8 8 0 0 0-2.215-1.188A7.7 7.7 0 0 0 12 13q-1.36 0-2.588.433a8 8 0 0 0-2.215 1.188q-.375.273-.842.263a1.1 1.1 0 0 1-.785-.33 1.1 1.1 0 0 1-.315-.793.91.91 0 0 1 .38-.747 10.2 10.2 0 0 1 2.928-1.652A9.9 9.9 0 0 1 12 10.769m0-6q3.087 0 5.782 1.04A15.8 15.8 0 0 1 22.6 8.723q.375.32.395.79.02.472-.314.806a1.05 1.05 0 0 1-.8.317 1.38 1.38 0 0 1-.856-.324A13.74 13.74 0 0 0 12 7a13.73 13.73 0 0 0-9.025 3.312 1.38 1.38 0 0 1-.855.325 1.05 1.05 0 0 1-.8-.318 1.03 1.03 0 0 1-.315-.805 1.06 1.06 0 0 1 .395-.79A15.8 15.8 0 0 1 6.22 5.808Q8.914 4.769 12 4.769'
      />
    </G>
  </Svg>
);
export default SvgComponent;
