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

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

function Facebook(props: SvgIconProps): React.ReactElement {
  return (
    <Svg width={26} height={26} viewBox="0 0 52 52" {...props}>
      <Path
        d="M22.713 44V31.08H17.37V25h5.344v-4.635c0-5.271 3.139-8.183 7.945-8.183 2.302 0 4.71.41 4.71.41v5.174h-2.653c-2.613 0-3.428 1.622-3.428 3.286V25h5.834l-.933 6.08h-4.901V44h11.642A4.073 4.073 0 0045 39.929V10.07A4.073 4.073 0 0040.929 6H11.07A4.073 4.073 0 007 10.071V39.93A4.073 4.073 0 0011.071 44h11.642z"
        fill={props.fill ?? DspColors.facebook}
        fillRule="nonzero"
      />
    </Svg>
  )
}

export default Facebook