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='m3.371 19.775-1.906-1.856a.95.95 0 0 1-.305-.714 1 1 0 0 1 .315-.724 14 14 0 0 1 4.868-3.332Q9.136 12 12 12t5.649 1.149a14.15 14.15 0 0 1 4.876 3.332q.308.309.314.724a.95.95 0 0 1-.305.714l-1.905 1.856q-.305.294-.681.329a1 1 0 0 1-.696-.2l-2.516-1.912a1.3 1.3 0 0 1-.367-.417 1.1 1.1 0 0 1-.12-.517v-2.822a15 15 0 0 0-2.113-.552A12 12 0 0 0 12 13.5q-1.107 0-2.137.184-1.029.186-2.113.553v2.82q0 .289-.12.518-.118.229-.367.417l-2.515 1.912a1 1 0 0 1-.696.2 1.1 1.1 0 0 1-.681-.329M6.259 9a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534V4.404q0-.387.259-.645a.88.88 0 0 1 .645-.259h3.846q.32 0 .535.216a.73.73 0 0 1 .215.534.73.73 0 0 1-.215.535.73.73 0 0 1-.535.215H8.063l3.679 3.679a.3.3 0 0 0 .221.086.3.3 0 0 0 .222-.086l4.738-4.738a.74.74 0 0 1 1.069 0 .74.74 0 0 1 .233.534q0 .302-.233.535l-4.733 4.732a1.74 1.74 0 0 1-1.28.517 1.74 1.74 0 0 1-1.281-.517L7.009 6.054V8.25a.73.73 0 0 1-.215.534.73.73 0 0 1-.535.216'
      />
    </G>
  </Svg>
);
export default SvgComponent;
