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='M15.406 10.808q.546 0 .926-.383.38-.381.38-.927t-.383-.926a1.27 1.27 0 0 0-.928-.38q-.545 0-.925.383-.38.381-.38.927t.382.926q.382.38.928.38m-6.808 0q.546 0 .926-.383.38-.381.38-.927t-.382-.926a1.27 1.27 0 0 0-.928-.38q-.546 0-.926.383-.38.381-.38.927t.382.926q.383.38.928.38M12.003 21.5a9.3 9.3 0 0 1-3.706-.748 9.6 9.6 0 0 1-3.016-2.03 9.6 9.6 0 0 1-2.032-3.016 9.25 9.25 0 0 1-.748-3.704q0-1.972.748-3.706a9.6 9.6 0 0 1 2.03-3.016 9.6 9.6 0 0 1 3.016-2.032 9.25 9.25 0 0 1 3.704-.748q1.972 0 3.706.748a9.6 9.6 0 0 1 3.017 2.03 9.6 9.6 0 0 1 2.03 3.016 9.25 9.25 0 0 1 .749 3.704q0 1.972-.748 3.706a9.6 9.6 0 0 1-2.03 3.017 9.6 9.6 0 0 1-3.016 2.03 9.25 9.25 0 0 1-3.704.749M12 17.192q1.346 0 2.484-.637a5.2 5.2 0 0 0 1.847-1.73.55.55 0 0 0-.009-.549.5.5 0 0 0-.472-.276h-7.7a.5.5 0 0 0-.472.276.55.55 0 0 0-.009.549 5.2 5.2 0 0 0 1.859 1.73q1.149.637 2.472.637'
      />
    </G>
  </Svg>
);
export default SvgComponent;