import React from 'react'
import { Circle, Path } from 'react-native-svg'

import { genIcon } from './helper/gen'

const IconWarningCircleOutline = genIcon({
  render: color => {
    return (
      <>
        <Circle
          cx="12"
          cy="12"
          r={11}
          fill="none"
          stroke={color}
          strokeWidth={1.4}
        />
        <Path
          d="M10.973 14.57c.172.516.511.86 1.027.86.516 0 .855-.344 1.027-.86l.688-9.425c0-1.032-.86-1.715-1.715-1.715-1.027 0-1.715.855-1.715 1.882zM12 17.145c-1.027 0-1.715.683-1.715 1.71 0 1.032.688 1.715 1.715 1.715 1.027 0 1.715-.683 1.715-1.715 0-1.027-.688-1.71-1.715-1.71zm0 0"
          fill={color}
          stroke={color}
          strokeWidth={0}
        />
      </>
    )
  },
})

export default IconWarningCircleOutline