import * as React from 'react'
import Svg, { Path } from 'react-native-svg'
import Colors, { ColorValue } from 'src/styles/colors'

function Warning({
  color = Colors.warningPrimary,
  size = 16,
}: {
  color?: ColorValue
  size?: number
}) {
  return (
    <Svg width={size} height={size} viewBox="0 0 20 20" fill="none">
      <Path
        fill={color}
        d="M1.27 15.5a.811.811 0 0 1-.708-.417.915.915 0 0 1-.114-.406.749.749 0 0 1 .115-.427L8.27.917a.82.82 0 0 1 .323-.313A.862.862 0 0 1 9 .5c.139 0 .274.035.406.104a.82.82 0 0 1 .323.313l7.709 13.333a.748.748 0 0 1 .114.427.913.913 0 0 1-.114.406.81.81 0 0 1-.709.417H1.271Zm1.438-1.667h12.584L9 3 2.708 13.833ZM9 13c.236 0 .434-.08.594-.24.16-.16.24-.357.24-.593a.806.806 0 0 0-.24-.594.806.806 0 0 0-.594-.24.806.806 0 0 0-.594.24.806.806 0 0 0-.24.594c0 .236.08.434.24.593.16.16.358.24.594.24Zm0-2.5c.236 0 .434-.08.594-.24.16-.16.24-.357.24-.593v-2.5a.806.806 0 0 0-.24-.594.806.806 0 0 0-.594-.24.806.806 0 0 0-.594.24.806.806 0 0 0-.24.594v2.5c0 .236.08.434.24.593.16.16.358.24.594.24Z"
      />
    </Svg>
  )
}

export default Warning
