import React from 'react';
import './Badge.scss';
import { addClassNameWithModifiers, addClassNames } from '../../helpers/components';
import { Props, defaultProps } from './Badge.types';

export default class Badge extends React.Component<Props> {
  static defaultProps = defaultProps;

  render() {
    const { children, theme, weight, style, className } = this.props;
    return (
      <span
        className={
          addClassNames(
            addClassNameWithModifiers(`app-badge`, theme, weight),
            className
          )
        }
        style={style}
      >
        { children }
      </span>
    );
  }
}