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='M11.98 20.5q-3.015 0-5.315-1.84t-2.948-4.71a.62.62 0 0 1 .097-.548.7.7 0 0 1 .504-.29.78.78 0 0 1 .55.12.85.85 0 0 1 .34.476q.57 2.318 2.46 3.804Q9.558 19 11.98 19q2.925 0 4.963-2.038Q18.98 14.926 18.98 12t-2.037-4.962T11.98 5a6.7 6.7 0 0 0-3.07.728 7.6 7.6 0 0 0-2.468 2.003h1.865q.319 0 .534.216a.73.73 0 0 1 .216.534q0 .319-.216.534a.73.73 0 0 1-.534.216H4.884a.87.87 0 0 1-.644-.26.87.87 0 0 1-.26-.644V4.904q0-.319.216-.534a.73.73 0 0 1 .535-.216q.318 0 .534.216a.73.73 0 0 1 .215.534v1.619a8.5 8.5 0 0 1 2.916-2.23A8.4 8.4 0 0 1 11.98 3.5q1.77 0 3.316.67a8.6 8.6 0 0 1 2.696 1.819 8.6 8.6 0 0 1 1.819 2.695q.67 1.546.67 3.316t-.67 3.315a8.6 8.6 0 0 1-1.82 2.697 8.6 8.6 0 0 1-2.695 1.819 8.3 8.3 0 0 1-3.316.669m.779-8.804 2.75 2.75q.208.208.212.522a.7.7 0 0 1-.212.532.72.72 0 0 1-.527.217.72.72 0 0 1-.527-.217l-2.925-2.925a.9.9 0 0 1-.27-.648V7.75q-.001-.318.215-.535A.73.73 0 0 1 12.009 7q.319 0 .535.215a.73.73 0 0 1 .215.535z'
      />
    </G>
  </Svg>
);
export default SvgComponent;
