Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3470 Rev 3719
Línea 1... Línea 1...
1 
import React from 'react';
 1 
import React from 'react';
2 
import { CardHeader as MuiCardHeader, Avatar } from '@mui/material';
 2 
import { CardHeader as MuiCardHeader, Avatar } from '@mui/material';
3 
 
 3 
 
4 
export function CardHeader({
 4 
export function CardHeader({
5 
  title = '',
 5 
  title = '',
6 
  subheader = '',
 6 
  subheader = '',
7 
  avatar = '',
 7 
  avatar = '',
8 
  styles = {},
 8 
  styles = {},
9 
  renderAction = () => null,
 9 
  renderAction = () => null,
10 
  onClick = () => {},
 10 
  onClick = () => {},
11 
  ...props
 11 
  ...props
12 
}) {
 12 
}) {
13 
  return (
 13 
  return (
14 
    <MuiCardHeader
 14 
    <MuiCardHeader
15 
      avatar={avatar && <Avatar alt={title} src={avatar} />}
 15 
      avatar={avatar && <Avatar alt={title} src={avatar} />}
16 
      action={typeof renderAction === 'function' && renderAction()}
 16 
      action={typeof renderAction === 'function' && renderAction()}
17 
      title={title}
 17 
      title={title}
18 
      subheader={subheader}
 18 
      subheader={subheader}
19 
      titleTypographyProps={{
 19 
      slotProps={{
- 
 
 20 
        title: {
20 
        variant: 'h3',
 21 
          variant: 'h3',
21 
        onClick
 22 
          onClick
22 
      }}
 23 
        },
23 
      subheaderTypographyProps={{
 24 
        subheader: {
24 
        variant: 'overline'
 25 
          variant: 'caption'
- 
 
 26 
        }
25 
      }}
 27 
      }}
26 
      sx={{
 28 
      sx={{
27 
        '& .MuiCardHeader-action ': { marginRight: 0 },
 29 
        '& .MuiCardHeader-action ': { marginRight: 0 },
28 
        padding: 1,
 30 
        padding: 1,
29 
        ...styles
 31 
        ...styles
30 
      }}
 32 
      }}
31 
      {...props}
 33 
      {...props}
32 
    />
 34 
    />
33 
  );
 35 
  );
34 
}
 36 
}