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='M7.039 16.539q-1.884 0-3.211-1.328Q2.5 13.884 2.5 12.001t1.328-3.212 3.21-1.328h3.02q.318 0 .534.216a.73.73 0 0 1 .216.535q0 .318-.216.534a.73.73 0 0 1-.534.215h-3.02q-1.26 0-2.149.89A2.93 2.93 0 0 0 4 12q0 1.26.89 2.149.888.89 2.147.89h3.02q.32 0 .535.215a.73.73 0 0 1 .216.535q0 .318-.216.534a.73.73 0 0 1-.534.215zM9 12.75a.73.73 0 0 1-.534-.216A.73.73 0 0 1 8.25 12q0-.32.216-.534A.73.73 0 0 1 9 11.25h6q.319 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.534a.73.73 0 0 1-.534.216zm4.942 3.788a.73.73 0 0 1-.534-.215.73.73 0 0 1-.216-.535q0-.319.216-.534a.73.73 0 0 1 .534-.215h3.02q1.26 0 2.148-.89.89-.89.89-2.149 0-1.26-.89-2.149a2.93 2.93 0 0 0-2.147-.89h-3.02a.73.73 0 0 1-.535-.215.73.73 0 0 1-.216-.535q0-.318.216-.534a.73.73 0 0 1 .534-.216h3.02q1.883 0 3.21 1.328 1.328 1.328 1.328 3.21 0 1.884-1.328 3.211-1.327 1.328-3.21 1.328z'
      />
    </G>
  </Svg>
);
export default SvgComponent;
