Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 1066 | Rev 1569 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1567 stevensc 1 
import { styled } from '@mui/material'
930 stevensc 2 
 
1567 stevensc 3 
const Button = styled('button', {
4 
  overridesResolver: (props, styles) => [
5 
    styles.root,
6 
    props.variant === 'primary' && {
7 
      backgroundColor: 'var(--button-bg)',
8 
      color: 'var(--button-text-color)',
9 
      border: '1px solid var(--button-bg)',
10 
      '&:hover': {
11 
        backgroundColor: 'var(--button-bg-hover)',
12 
        color: 'var(--button-text-color-hover)'
13 
      }
14 
    },
15 
    props.variant === 'secondary' && {
16 
      background: 'var(--button-bg-secondary)',
17 
      border: '1px solid var(--border-primary) ',
18 
      color: 'var(--button-text-color-secondary)',
19 
      '&:hover': {
20 
        background: 'var(--button-bg-secondary-hover)',
21 
        border: 'transparent'
22 
      }
23 
    },
24 
    props.variant === 'tertiary' && {
25 
      background: 'var(--button-bg-tertiary)',
26 
      border: '1px solid #f4f4f4',
27 
      color: 'var(--button-text-color-tertiary)',
28 
      '&:hover': {
29 
        background: '#d4d4d4',
30 
        border: 'transparent',
31 
        color: 'var(--button-text-color-tertiary)'
32 
      }
33 
    }
34 
  ]
35 
})(() => ({
36 
  borderRadius: '30px',
37 
  alignItems: 'center',
38 
  justifyContent: 'center',
39 
  padding: '0.2rem 1rem',
40 
  border: 'none',
41 
  cursor: 'pointer',
42 
  fontWeight: 600,
43 
  fontSize: '0.9rem',
44 
  display: 'inline-flex',
45 
  overflow: 'hidden',
46 
  textAlign: 'center',
47 
  transition: 'all 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
48 
  '&:hover': {
49 
    backgroundColor: 'whitesmoke'
50 
  },
51 
  '&:disabled': {
52 
    cursor: 'no-drop',
53 
    backgroundColor: '#dddddd',
54 
    color: '#a3a1a1'
930 stevensc 55 
  }
1567 stevensc 56 
}))
930 stevensc 57 
 
1567 stevensc 58 
export default Button