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.5 17.554-2.822 2.823a.73.73 0 0 1-.523.213.7.7 0 0 1-.532-.213.72.72 0 0 1-.217-.527q0-.31.217-.527L6.448 16.5H4.25a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534A.73.73 0 0 1 4.25 15h3.847q.384 0 .644.26t.26.644v3.846q0 .318-.216.534a.73.73 0 0 1-.535.216.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534zm9 0v2.196q0 .318-.215.534a.73.73 0 0 1-.535.216.73.73 0 0 1-.534-.216.73.73 0 0 1-.215-.534v-3.846q0-.384.26-.644a.88.88 0 0 1 .643-.26h3.846q.32 0 .535.216a.73.73 0 0 1 .215.534q0 .32-.215.535a.73.73 0 0 1-.535.215h-2.196l2.824 2.823q.207.209.212.522a.7.7 0 0 1-.212.532.72.72 0 0 1-.527.217.72.72 0 0 1-.527-.217zM6.447 7.5 3.624 4.677a.73.73 0 0 1-.213-.522.7.7 0 0 1 .212-.532.72.72 0 0 1 .527-.217q.31 0 .527.217l2.824 2.823V4.25q0-.318.215-.534a.73.73 0 0 1 .535-.216q.318 0 .534.216a.73.73 0 0 1 .216.534v3.846q0 .383-.26.644a.88.88 0 0 1-.644.26H4.25a.73.73 0 0 1-.535-.216.73.73 0 0 1-.216-.534q0-.32.216-.534A.73.73 0 0 1 4.25 7.5zm11.107 0h2.197q.318 0 .534.216a.73.73 0 0 1 .215.534q0 .32-.215.535A.73.73 0 0 1 19.75 9h-3.846a.88.88 0 0 1-.644-.26.88.88 0 0 1-.26-.644V4.25q0-.318.216-.534a.73.73 0 0 1 .535-.216q.318 0 .534.216a.73.73 0 0 1 .215.534v2.196l2.823-2.823a.73.73 0 0 1 .523-.212.7.7 0 0 1 .532.212q.216.217.217.527a.72.72 0 0 1-.217.527z'
      />
    </G>
  </Svg>
);
export default SvgComponent;
