import React, { type FC } from 'react';
import './index.less';

const WhoAreUsing: FC = () => {
  return (
    <ul className="dumi-site-who-are-using">
      <li>
        <a href="https://ant.design" target="_blank" rel="noreferrer">
          <img
            src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
            alt="Ant Design"
          />
          Ant Design
        </a>
      </li>
      <li>
        <a href="https://antv.antgroup.com" target="_blank" rel="noreferrer">
          <img
            src="https://gw.alipayobjects.com/zos/antfincdn/nc7Fc0XBg5/8a6844f5-a6ed-4630-9177-4fa5d0b7dd47.png"
            alt="AntV"
          />
          AntV
        </a>
      </li>
      <li>
        <a href="https://ahooks.js.org" target="_blank" rel="noreferrer">
          <img src="https://ahooks.js.org/logo.svg" alt="ahooks" />
        </a>
      </li>
      <li>
        <a href="https://qiankun.umijs.org" target="_blank" rel="noreferrer">
          <img
            src="https://gw.alipayobjects.com/zos/bmw-prod/8a74c1d3-16f3-4719-be63-15e467a68a24/km0cv8vn_w500_h500.png"
            alt="qiankun"
          />
          qiankun
        </a>
      </li>
      <li>
        <a href="https://umijs.org" target="_blank" rel="noreferrer">
          <img
            src="https://gw.alipayobjects.com/zos/bmw-prod/598d14af-4f1c-497d-b579-5ac42cd4dd1f/k7bjua9c_w132_h130.png"
            alt="UmiJS"
          />
          UmiJS
        </a>
      </li>
      <li>
        <a href="https://alitajs.com" target="_blank" rel="noreferrer">
          <img
            src="https://user-images.githubusercontent.com/11746742/104428726-c2c90300-55bf-11eb-9b84-d52a86050b9a.png"
            alt="alitajs"
          />
          alitajs
        </a>
      </li>
      <li>
        <a href="https://v2.formilyjs.org" target="_blank" rel="noreferrer">
          <img
            src="https://img.alicdn.com/imgextra/i2/O1CN01Kq3OHU1fph6LGqjIz_!!6000000004056-55-tps-1141-150.svg"
            alt="Formily"
          />
        </a>
      </li>
      <li>
        <a
          href="https://actions-cool.github.io/issues-helper"
          target="_blank"
          rel="noreferrer"
        >
          <img
            src="https://avatars1.githubusercontent.com/u/73879334?s=200&v=4"
            alt="issues-helper"
          />
          issues-helper
        </a>
      </li>
      <li>
        <a href="https://pinyin.js.org" target="_blank" rel="noreferrer">
          <img
            src="https://gw.alipayobjects.com/mdn/rms_f6322a/afts/img/A*bGz9QbNudekAAAAAAAAAAAAAARQnAQ"
            alt="pīnyīn"
          />
          pīnyīn
        </a>
      </li>
      <li>
        <a href="https://x-render.gitee.io" target="_blank" rel="noreferrer">
          <img
            src="https://img.alicdn.com/tfs/TB17UtINiLaK1RjSZFxXXamPFXa-606-643.png"
            alt="XRender"
          />
          XRender
        </a>
      </li>
    </ul>
  );
};

export default WhoAreUsing;
