/**
 * title: "单独使用"
 * description: "不包裹任何元素即独立使用，可自定样式展现。"
 */
import React from 'react';
import { Badge } from '@alicloud/console-components';

const badgeTextStyle = {
  backgroundColor: '#D50B16',
  color: '#fff',
  borderRadius: '10px',
  lineHeight: '18px',
};

export default function Demo1() {
  return (
    <div>
      <div style={{ display: 'flex', gap: '50px' }}>
        <Badge count={1} />
        <Badge count={23} overflowCount={99} />
        <Badge count={456} overflowCount={999} />
        <Badge content="NEW" style={badgeTextStyle} />
        <Badge content="最新上线" style={badgeTextStyle} />
      </div>
    </div>
  );
}