Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { styled } from 'styled-components';

const StyledBadge = styled.span`
  top: ${(props) => props.top || 0};
  left: ${(props) => props.left || '50%'};
  padding: 5px 10px;
  font-size: 0.7rem;
  transform: translateX(-80%);
  background-color: var(--danger);
  color: #fff;
  border-radius: 100px;
  position: absolute;
`;

const Badge = ({ count, top, left, ...rest }) => {
  return (
    <StyledBadge top={top} left={left} {...rest}>
      {count}
    </StyledBadge>
  );
};

export default Badge;