import React from 'react';

import { forwardRef } from '../../utils/react';
import { Icon } from '../../icon';

export const FacebookIcon = forwardRef<typeof Icon>(
  function FacebookIcon(props, ref) {
    return (
      <Icon ref={ref} {...props}>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
          <path
            fill="currentColor"
            d="M18 1H2a1 1 0 00-1 1v16a1 1 0 001 1h8v-7.13H7.85V9.25H10V7.31c0-2.33 1.61-3.6 3.69-3.6 1 0 2.06.08 2.31.12v2.42h-1.65c-1.13 0-1.35.54-1.35 1.33v1.67h2.7l-.36 2.63H13V19h5a1 1 0 001-1V2a1 1 0 00-1-1z"
          />
        </svg>
      </Icon>
    );
  },
);
