Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Ir a la última revisión | | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
6840 stevensc 1 
import React from 'react'
2 
import { styled } from 'styled-components'
3 
 
4 
const StyledBadge = styled.span`
5 
  top: ${(props) => props.top || 0};
6 
  left: ${(props) => props.left || '50%'};
7 
  font-size: 0.7rem;
8 
  transform: translateX(-80%);
9 
  background-color: var(--danger);
10 
  color: #fff;
11 
  border-radius: 100px;
12 
  position: absolute;
13 
`
14 
 
15 
const Badge = ({ count, top, left, ...rest }) => {
16 
  return (
17 
    <StyledBadge top={top} left={left} {...rest}>
18 
      {count}
19 
    </StyledBadge>
20 
  )
21 
}
22 
 
23 
export default Badge