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

interface Props {
  color?: ColorValue
}

const Trophy = ({ color = Colors.contentPrimary }: Props) => (
  <Svg width={24} height={24} viewBox="0 0 24 24" fill="none">
    <Path
      d="M12 11c.55 0 1.02-.196 1.412-.588C13.804 10.021 14 9.55 14 9c0-.55-.196-1.02-.588-1.412A1.926 1.926 0 0 0 12 7c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 10 9c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588ZM7 21v-2h4v-3.1a5.369 5.369 0 0 1-2.188-1.037A4.48 4.48 0 0 1 7.4 12.95a4.854 4.854 0 0 1-3.138-1.637A4.812 4.812 0 0 1 3 8V7c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 5 5h2V3h10v2h2c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v1c0 1.267-.42 2.37-1.262 3.313A4.854 4.854 0 0 1 16.6 12.95c-.3.767-.77 1.404-1.413 1.913A5.37 5.37 0 0 1 13 15.9V19h4v2H7Zm0-10.2V7H5v1c0 .633.183 1.204.55 1.713.367.508.85.87 1.45 1.087Zm5 3.2c.833 0 1.542-.292 2.125-.875A2.893 2.893 0 0 0 15 11V5H9v6c0 .833.292 1.542.875 2.125A2.893 2.893 0 0 0 12 14Zm5-3.2c.6-.217 1.083-.58 1.45-1.088.367-.508.55-1.079.55-1.712V7h-2v3.8Z"
      fill={color}
    />
  </Svg>
)

export default React.memo(Trophy)
