import React from 'react';

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

export const EmailIcon = forwardRef<typeof Icon>(
  function EmailIcon(props, ref) {
    return (
      <Icon ref={ref} {...props}>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
          <path
            fill="currentColor"
            d="M11.03 12.6a2.14 2.14 0 0 1-2.06 0L1.43 8.48V15a2.14 2.14 0 0 0 2.14 2.14h12.86A2.14 2.14 0 0 0 18.57 15V8.48l-7.54 4.12Z"
          />
          <path
            fill="currentColor"
            d="M10 11.43a.71.71 0 0 1-.34-.09L1.8 7.06a.71.71 0 0 1-.37-.63V5a2.14 2.14 0 0 1 2.14-2.14h12.86A2.14 2.14 0 0 1 18.57 5v1.43a.71.71 0 0 1-.37.63l-7.86 4.28a.71.71 0 0 1-.34.09Z"
          />
        </svg>
      </Icon>
    );
  },
);
