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='M19.789 11.73a.76.76 0 0 1-.535-.215.85.85 0 0 1-.271-.534q-.325-2.421-2.04-4.136-1.714-1.714-4.135-2.04a.87.87 0 0 1-.535-.263.75.75 0 0 1-.215-.542q0-.319.223-.534a.61.61 0 0 1 .527-.175q3.053.33 5.207 2.483 2.152 2.153 2.483 5.207a.61.61 0 0 1-.175.527.71.71 0 0 1-.535.223m-4.137 0a.63.63 0 0 1-.436-.166 1.03 1.03 0 0 1-.283-.447 3.3 3.3 0 0 0-.84-1.431 3.1 3.1 0 0 0-1.422-.84 1.04 1.04 0 0 1-.446-.283.65.65 0 0 1-.167-.451q0-.375.258-.606a.62.62 0 0 1 .588-.15q1.313.305 2.263 1.256a4.7 4.7 0 0 1 1.266 2.273q.081.329-.163.587a.81.81 0 0 1-.618.259m3.788 8.77q-2.827 0-5.68-1.314t-5.246-3.709q-2.385-2.395-3.7-5.242Q3.5 7.386 3.5 4.56A1.034 1.034 0 0 1 4.55 3.5h3.262q.378 0 .668.247.29.248.368.61L9.421 7.3q.06.41-.025.704-.084.293-.304.494l-2.31 2.248q.558 1.021 1.275 1.932.716.91 1.55 1.74a17.2 17.2 0 0 0 3.753 2.842l2.244-2.264q.235-.244.568-.342.334-.099.694-.048l2.776.565q.38.1.619.387.24.286.239.65v3.242q0 .45-.305.75t-.755.3'
      />
    </G>
  </Svg>
);
export default SvgComponent;
