import React from "react";
import { Badge } from 'antd';
import { ClockCircleOutlined } from '@ant-design/icons';
import styles from "./index.less";

export default () => (
    <div className={styles.container}>
        <div id="components-badge-demo-basic">
            <div>
                <Badge count={5}>
                    <a href="#" className="head-example" />
                </Badge>
                <Badge count={0} showZero>
                    <a href="#" className="head-example" />
                </Badge>
                <Badge count={<ClockCircleOutlined style={{ color: '#f5222d' }} />}>
                    <a href="#" className="head-example" />
                </Badge>
            </div>
        </div>
    </div>
);