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='M19.75 7a.73.73 0 0 1-.535-.215A.73.73 0 0 1 19 6.25V5h-1.25a.73.73 0 0 1-.535-.216A.73.73 0 0 1 17 4.25q0-.32.215-.534a.73.73 0 0 1 .535-.216H19V2.25q0-.318.216-.534a.73.73 0 0 1 .534-.216q.32 0 .535.216a.73.73 0 0 1 .215.534V3.5h1.25q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535A.73.73 0 0 1 21.75 5H20.5v1.25q0 .318-.216.535A.73.73 0 0 1 19.75 7M11 17.115q1.722 0 2.918-1.197 1.197-1.196 1.197-2.918t-1.197-2.918Q12.722 8.885 11 8.885t-2.918 1.197Q6.885 11.278 6.885 13t1.197 2.918T11 17.115m0-1.5q-1.108.001-1.861-.754-.755-.753-.755-1.861t.755-1.861q.753-.755 1.861-.755t1.861.755q.755.753.755 1.861t-.755 1.861q-.753.755-1.861.755M3.308 20.5q-.758 0-1.283-.525a1.75 1.75 0 0 1-.525-1.283V7.308q0-.758.525-1.283T3.308 5.5h3.054l1.307-1.417q.249-.27.598-.426A1.8 1.8 0 0 1 9 3.5h5.058q.318 0 .534.216a.73.73 0 0 1 .216.534v1.587q0 .564.395.96.396.396.96.395h.645v.644q0 .565.395.961.396.395.96.395h1.587q.318 0 .534.216a.73.73 0 0 1 .216.534v8.75q0 .758-.525 1.283t-1.283.525z'
      />
    </G>
  </Svg>
);
export default SvgComponent;
