Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6840 | | Comparar con el anterior | 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%'};
6851 stevensc 7 
  padding: 5px 10px;
6840 stevensc 8 
  font-size: 0.7rem;
9 
  transform: translateX(-80%);
10 
  background-color: var(--danger);
11 
  color: #fff;
12 
  border-radius: 100px;
13 
  position: absolute;
14 
`
15 
 
16 
const Badge = ({ count, top, left, ...rest }) => {
17 
  return (
18 
    <StyledBadge top={top} left={left} {...rest}>
19 
      {count}
20 
    </StyledBadge>
21 
  )
22 
}
23 
 
24 
export default Badge