import { type ReactElement } from 'react';

interface BadgeProps {
  status: 'success' | 'error' | 'warning';
}

export function Badge({ status }: BadgeProps): ReactElement {
  return (
    <span style={{
      width: 10,
      height: 10,
      borderRadius: '100%',
      background: status === 'success' ? 'lime' : status === 'error' ? 'crimson' : 'gold',
      position:'relative',
      display: 'inline-block',
      marginRight: '0.5rem',
    }}/>
  )
}
