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

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

const CloudCheck = ({ color = colors.accent, width = 20, height = 14 }: Props) => (
  <Svg width={width} height={height} fill="none" viewBox="0 0 20 14">
    <Path
      fill={color}
      d="m8.625 11.167 4.708-4.708-1.208-1.209-3.52 3.521-1.75-1.75-1.188 1.188 2.958 2.958Zm-3.208 2.5c-1.264 0-2.344-.438-3.24-1.313C1.282 11.48.834 10.41.834 9.146c0-1.083.327-2.049.98-2.896a4.331 4.331 0 0 1 2.562-1.625 5.656 5.656 0 0 1 2.083-3.104A5.702 5.702 0 0 1 10 .333c1.625 0 3.003.566 4.135 1.698 1.132 1.132 1.698 2.51 1.698 4.136a3.64 3.64 0 0 1 2.386 1.239c.632.716.948 1.553.948 2.51 0 1.043-.365 1.928-1.094 2.657-.73.73-1.615 1.094-2.656 1.094h-10Zm0-1.667h10c.583 0 1.076-.201 1.479-.604.403-.403.604-.896.604-1.48 0-.582-.201-1.076-.604-1.478a2.012 2.012 0 0 0-1.48-.605h-1.25V6.168c0-1.153-.405-2.136-1.218-2.948C12.136 2.405 11.153 2 10 2s-2.135.406-2.947 1.219c-.813.812-1.22 1.795-1.22 2.948h-.416a2.81 2.81 0 0 0-2.063.854A2.81 2.81 0 0 0 2.5 9.084c0 .805.285 1.493.854 2.062A2.81 2.81 0 0 0 5.417 12Z"
    />
  </Svg>
)
export default CloudCheck
