Proyectos de Subversion LeadersLinked - SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1515 stevensc 1 
import React from 'react'
1526 stevensc 2 
import { Box, styled } from '@mui/material'
199 stevensc 3 
 
1515 stevensc 4 
const Option = styled(Box)(({ theme }) => ({
5 
  borderRadius: '50%',
6 
  cursor: 'pointer',
7 
  padding: 5,
8 
  h4: {
9 
    display: 'none'
10 
  },
11 
  '&:hover': {
1526 stevensc 12 
    backgroundColor: 'whitesmoke'
1515 stevensc 13 
  },
14 
  [theme.breakpoints.up('md')]: {
15 
    alignItems: 'center',
16 
    borderRadius: theme.shape.borderRadius,
17 
    display: 'inline-flex',
18 
    gap: 1,
19 
    flex: 1,
20 
    h4: {
21 
      display: 'initial'
22 
    }
23 
  }
24 
}))
25 
 
199 stevensc 26 
const ShareOption = ({
1515 stevensc 27 
  title = '',
199 stevensc 28 
  icon: Icon = null,
1515 stevensc 29 
  color = '#000',
30 
  onClick = function () {}
199 stevensc 31 
}) => {
32 
  return (
1515 stevensc 33 
    <Option onClick={onClick}>
199 stevensc 34 
      {Icon && <Icon style={{ color }} />}
35 
      <h4>{title}</h4>
1515 stevensc 36 
    </Option>
37 
  )
38 
}
199 stevensc 39 
 
1515 stevensc 40 
export default ShareOption