import * as React from "react"
import Svg, { SvgProps, Path } from "react-native-svg"

interface Props {
    color: string,
    width?: number,
    height?: number
}

const InfoIcon = ({ color, height = 24, width = 24 }: Props) => (
    <Svg
        width={width}
        height={height}
        fill="none"
        viewBox="0 0 24 24"
    >
        <Path
            stroke={color}
            strokeLinecap="round"
            strokeLinejoin="round"
            strokeWidth={1.5}
            d="M12 2.75a9.25 9.25 0 1 1 0 18.5 9.25 9.25 0 0 1 0-18.5Z"
            clipRule="evenodd"
        />
        <Path
            stroke={color}
            strokeLinecap="round"
            strokeLinejoin="round"
            strokeWidth={1.5}
            d="M11.995 15.796h.01M11.995 8.204v4.42"
        />
    </Svg>
)
export default InfoIcon
