import clsx from 'clsx';
import { reduceSystemProps } from '@rasahq/react-tabula/system';

import { badge } from './badge.module.scss';

export function Badge({ as: El = 'span', ...props }) {
  const { className, ...other } = reduceSystemProps(props);
  return <El className={clsx(className, badge)} {...other} />;
}