import "./badge.scss";

import * as React from "react";
import { cssNames } from "../../utils/cssNames";
import { TooltipDecoratorProps, withTooltip } from "../tooltip";

interface Props extends React.HTMLAttributes<any>, TooltipDecoratorProps {
  label: React.ReactNode;
  small?: boolean;
}

@withTooltip
export class Badge extends React.Component<Props> {
  render(): JSX.Element {
    const { className, label, small, children, ...elemProps } = this.props;
    return (
      <span className={cssNames("Badge", { small }, className)} {...elemProps}>
        {label}
        {children}
      </span>
    );
  }
}
