Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 930 | Rev 933 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 930 Rev 931
Línea 33... Línea 33...
33 
      {label}
 33 
      {label}
34 
    </StyledButton>
 34 
    </StyledButton>
35 
  )
 35 
  )
36 
}
 36 
}
Línea -... Línea 37...
- 
 
 37 
 
- 
 
 38 
const BtnPrimary = styled(Button)`
- 
 
 39 
  background-color: var(--button-bg);
- 
 
 40 
  color: var(--button-text-color);
- 
 
 41 
  &:hover {
- 
 
 42 
    background-color: var(--button-bg-hover);
- 
 
 43 
  }
- 
 
 44 
`
- 
 
 45 
 
- 
 
 46 
const BtnSecondary = styled(Button)`
- 
 
 47 
  background: var(--button-bg-secondary);
- 
 
 48 
  border: 1px solid var(--border-primary);
- 
 
 49 
  color: var(--button-text-color-secondary);
- 
 
 50 
  &:hover {
- 
 
 51 
    background-color: var(--button-bg-secondary-hover);
- 
 
 52 
    border-color: transparent;
- 
 
 53 
  }
- 
 
 54 
`
- 
 
 55 
 
- 
 
 56 
const BtnTertiary = styled(Button)`
37 
 
 57 
  background-color: var(--button-bg-tertiary);
- 
 
 58 
  border-color: #f4f4f4;
- 
 
 59 
  color: var(--button-text-color-tertiary);
- 
 
 60 
  border: 1px solid transparent;
- 
 
 61 
  &:hover {
- 
 
 62 
    background: #d4d4d4;
- 
 
 63 
    border: 1px solid var(--border-primary);
- 
 
 64 
    color: var(--border-primary);
- 
 
 65 
  }
- 
 
 66 
`
- 
 
 67 
 
- 
 
 68 
export const ButtonPrimary = ({ label, icon, ...rest }) => {
- 
 
 69 
  return <BtnPrimary label={label} icon={icon} {...rest} />
- 
 
 70 
}
- 
 
 71 
 
- 
 
 72 
export const ButtonSecondary = ({ label, icon, ...rest }) => {
- 
 
 73 
  return <BtnSecondary label={label} icon={icon} {...rest} />
- 
 
 74 
}
- 
 
 75 
 
- 
 
 76 
export const ButtonTertiary = ({ label, icon, onClick, ...rest }) => {
- 
 
 77 
  return <BtnTertiary label={label} icon={icon} onClick={onClick} {...rest} />