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='M1.797 17.085q0-.774.399-1.38a2.7 2.7 0 0 1 1.066-.944q1.426-.697 2.866-1.075t3.169-.378 3.168.377 2.867 1.076q.666.338 1.066.944.399.606.399 1.38v.703q0 .605-.444 1.062a1.44 1.44 0 0 1-1.076.458H3.316q-.633 0-1.076-.444a1.47 1.47 0 0 1-.443-1.076zm16.613 2.223q.189-.345.288-.733t.099-.787v-.826q0-.985-.482-1.877a4.54 4.54 0 0 0-1.368-1.531q1.005.15 1.91.464.903.315 1.724.743.775.414 1.197.975t.422 1.226v.826q0 .633-.443 1.076a1.47 1.47 0 0 1-1.076.444zm-9.113-7.616q-1.444 0-2.472-1.028T5.797 8.192q0-1.443 1.028-2.471t2.472-1.029 2.472 1.029 1.028 2.471-1.028 2.472q-1.029 1.028-2.472 1.028m8.634-3.5q0 1.444-1.028 2.472t-2.472 1.028a3 3 0 0 1-.43-.038 4 4 0 0 1-.431-.085q.59-.711.91-1.578a5.2 5.2 0 0 0-.007-3.593 5.8 5.8 0 0 0-.903-1.582q.215-.078.43-.1.216-.024.431-.024 1.444 0 2.472 1.029t1.028 2.471'
      />
    </G>
  </Svg>
);
export default SvgComponent;