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='M10.893 21.5q-.512 0-.884-.34a1.4 1.4 0 0 1-.453-.835l-.244-1.871a5.334 5.334 0 0 1-1.579-.896L6 18.294q-.471.208-.947.04a1.37 1.37 0 0 1-.739-.607l-1.127-1.954a1.22 1.22 0 0 1-.152-.932 1.4 1.4 0 0 1 .512-.81l1.498-1.125a5 5 0 0 1-.05-.448 7 7 0 0 1 0-.882q.015-.22.05-.482L3.547 9.97a1.4 1.4 0 0 1-.507-.815 1.25 1.25 0 0 1 .157-.937l1.117-1.925q.263-.43.74-.602A1.23 1.23 0 0 1 6 5.725l1.723.727a6.4 6.4 0 0 1 .773-.524 5 5 0 0 1 .806-.382l.254-1.871q.081-.496.453-.835.372-.34.884-.34h2.215q.512 0 .884.34.372.339.453.835l.244 1.88q.45.165.814.383.365.218.736.514l1.771-.727q.471-.207.947-.035a1.4 1.4 0 0 1 .74.602l1.117 1.935q.264.44.152.932a1.4 1.4 0 0 1-.512.81l-1.536 1.154q.054.243.059.453t.004.424q0 .204-.01.415-.009.21-.069.481l1.508 1.135q.4.32.517.81.116.492-.148.932l-1.133 1.944a1.37 1.37 0 0 1-.744.608q-.48.167-.951-.04l-1.712-.737q-.372.296-.758.524a4.6 4.6 0 0 1-.792.372l-.244 1.881q-.081.496-.453.835-.372.34-.884.34zm1.119-6.5q1.248 0 2.124-.876A2.9 2.9 0 0 0 15.012 12q0-1.248-.876-2.124A2.9 2.9 0 0 0 12.012 9q-1.263 0-2.132.876A2.9 2.9 0 0 0 9.012 12q0 1.248.868 2.124.87.876 2.132.876'
      />
    </G>
  </Svg>
);
export default SvgComponent;
