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='M12 5.212a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534V2.269q0-.318.216-.534a.73.73 0 0 1 .535-.216q.318 0 .534.216a.73.73 0 0 1 .215.534v2.193q0 .318-.216.534a.73.73 0 0 1-.534.216m4.797 1.992a.68.68 0 0 1-.204-.514.8.8 0 0 1 .213-.54l1.525-1.56a.72.72 0 0 1 .536-.232q.31 0 .545.235a.71.71 0 0 1 .215.524.72.72 0 0 1-.217.527l-1.56 1.56a.72.72 0 0 1-.527.217.72.72 0 0 1-.526-.217m2.742 5.546a.73.73 0 0 1-.535-.216.73.73 0 0 1-.215-.534q0-.32.215-.534a.73.73 0 0 1 .535-.216h2.192q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.534a.73.73 0 0 1-.534.216zM12 22.48a.72.72 0 0 1-.534-.215.73.73 0 0 1-.216-.534v-2.183q0-.318.216-.534a.73.73 0 0 1 .535-.216q.318 0 .534.216a.73.73 0 0 1 .215.534v2.183q0 .318-.216.534a.73.73 0 0 1-.534.216M6.16 7.205 4.59 5.669a.73.73 0 0 1-.232-.543q0-.318.233-.535a.74.74 0 0 1 .533-.208.7.7 0 0 1 .52.208l1.57 1.569a.7.7 0 0 1 .208.52q0 .316-.206.524a.776.776 0 0 1-1.056 0M18.34 19.41l-1.534-1.56a.8.8 0 0 1-.213-.54.69.69 0 0 1 .201-.514.7.7 0 0 1 .515-.207q.309 0 .541.217l1.56 1.534a.66.66 0 0 1 .215.523.82.82 0 0 1-.218.547.74.74 0 0 1-.546.232.66.66 0 0 1-.52-.232M2.27 12.75a.73.73 0 0 1-.535-.216A.73.73 0 0 1 1.52 12q0-.32.215-.534a.73.73 0 0 1 .535-.216h2.192q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.534a.73.73 0 0 1-.534.216zm2.33 6.66a.76.76 0 0 1-.212-.532.7.7 0 0 1 .203-.522l1.55-1.55a.7.7 0 0 1 .519-.218.764.764 0 0 1 .767.757.74.74 0 0 1-.232.54L5.67 19.409a.75.75 0 0 1-.55.233.66.66 0 0 1-.52-.232m7.403-1.91q-2.291 0-3.897-1.604T6.5 12.003t1.604-3.896T11.998 6.5t3.897 1.604Q17.5 9.708 17.5 11.998t-1.603 3.896-3.895 1.606'
      />
    </G>
  </Svg>
);
export default SvgComponent;
