import Svg, { Path } from 'react-native-svg'

import { colors } from '../Colors'
import { SvgIconProps } from '../components/SvgIcon'

export function Envelope(props: SvgIconProps): React.ReactElement {
  const { stroke = colors.white, size = 32, style } = props

  return (
    <Svg
      style={style}
      width={size}
      height={size}
      viewBox="0 0 32 32"
      fill="none"
    >
      <Path
        d="M27.2875 3.48746L3.9875 10.05C3.78915 10.1042 3.61235 10.2182 3.48117 10.3766C3.34999 10.5349 3.2708 10.7298 3.25441 10.9348C3.23801 11.1398 3.28519 11.3448 3.38953 11.522C3.49388 11.6992 3.6503 11.8399 3.8375 11.925L14.5375 16.9875C14.7471 17.0845 14.9154 17.2529 15.0125 17.4625L20.075 28.1625C20.1601 28.3497 20.3008 28.5061 20.478 28.6104C20.6551 28.7148 20.8602 28.762 21.0651 28.7456C21.2701 28.7292 21.465 28.65 21.6234 28.5188C21.7817 28.3876 21.8958 28.2108 21.95 28.0125L28.5125 4.71246C28.5622 4.54243 28.5653 4.36216 28.5214 4.19053C28.4775 4.01891 28.3882 3.86225 28.263 3.73699C28.1377 3.61172 27.9811 3.52246 27.8094 3.47856C27.6378 3.43466 27.4575 3.43773 27.2875 3.48746V3.48746Z"
        stroke={stroke}
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <Path
        d="M14.8625 17.1375L20.5125 11.4875"
        stroke={stroke}
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </Svg>
  )
}