import React from 'react';

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

export const AlphaIcon = forwardRef<typeof Icon>(
  function AlphaIcon(props, ref) {
    return (
      <Icon ref={ref} {...props}>
        <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
          <rect
            x=".5"
            y="1.07"
            width="15"
            height="13.86"
            rx="1.5"
            stroke="currentColor"
          />
          <path
            fill="currentColor"
            d="M5.71 9.14h4.57v1.14H5.71zM2.86 9.14h1.71v1.14H2.86zM11.43 9.14h1.71v1.14h-1.71zM2.86 6.86h1.71V8H2.86zM5.71 6.86h1.71V8H5.71zM8.57 6.86h1.71V8H8.57zM11.43 6.86h1.71V8h-1.71z"
          />
          <rect
            x="4"
            y="2.86"
            width="8"
            height="2.29"
            rx=".5"
            fill="currentColor"
          />
        </svg>
      </Icon>
    );
  },
);
