Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 5 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

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