/**
 * TEAM: frontend_infra
 * @flow
 */

import * as React from "react";

import Badge from "../../Badge";
import Icon from "../../Icon";
/**
 * @title Basic usage on an icon
 * @description When wrapping an icon with the badge, it is recommended that the icon size be no smaller than 'l'.
 */
export default function BadgeBasicUsage(): React.Node {
  return (
    <Badge value={12}>
      <Icon iconName="bell" size="l" />
    </Badge>
  );
}