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='M6.054 19H8.25q.319 0 .534.216A.73.73 0 0 1 9 19.75q0 .32-.216.535a.73.73 0 0 1-.534.215H4.404a.87.87 0 0 1-.644-.26.87.87 0 0 1-.26-.644V15.75q0-.319.216-.534A.73.73 0 0 1 4.25 15q.32 0 .535.216A.73.73 0 0 1 5 15.75v2.196l2.823-2.823a.73.73 0 0 1 .522-.212.7.7 0 0 1 .532.212q.217.217.217.527a.72.72 0 0 1-.217.527zm11.892 0-2.823-2.823a.73.73 0 0 1-.212-.522.7.7 0 0 1 .212-.532.72.72 0 0 1 .527-.217q.31 0 .527.217L19 17.946V15.75q0-.319.216-.534A.73.73 0 0 1 19.75 15q.32 0 .535.216a.73.73 0 0 1 .215.534v3.846q0 .383-.26.644a.87.87 0 0 1-.644.26H15.75a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.535A.73.73 0 0 1 15.75 19zM5 6.054V8.25q0 .319-.216.534A.73.73 0 0 1 4.25 9a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534V4.404q0-.383.26-.644a.87.87 0 0 1 .644-.26H8.25q.319 0 .534.216A.73.73 0 0 1 9 4.25q0 .32-.216.535A.73.73 0 0 1 8.25 5H6.054l2.823 2.823q.208.208.212.522a.7.7 0 0 1-.212.532.72.72 0 0 1-.527.217.72.72 0 0 1-.527-.217zm14 0-2.823 2.823a.73.73 0 0 1-.522.212.7.7 0 0 1-.532-.212.72.72 0 0 1-.217-.527q0-.31.217-.527L17.946 5H15.75a.73.73 0 0 1-.534-.216A.73.73 0 0 1 15 4.25q0-.32.216-.534a.73.73 0 0 1 .534-.216h3.846q.383 0 .644.26.26.26.26.644V8.25q0 .319-.216.534A.73.73 0 0 1 19.75 9a.73.73 0 0 1-.535-.216A.73.73 0 0 1 19 8.25z'
      />
    </G>
  </Svg>
);
export default SvgComponent;
