Rev 3470 | AutorÃa | Comparar con el anterior | Ultima modificación | Ver Log |
import React from 'react';
import { CardHeader as MuiCardHeader, Avatar } from '@mui/material';
export function CardHeader({
title = '',
subheader = '',
avatar = '',
styles = {},
renderAction = () => null,
onClick = () => {},
...props
}) {
return (
<MuiCardHeader
avatar={avatar && <Avatar alt={title} src={avatar} />}
action={typeof renderAction === 'function' && renderAction()}
title={title}
subheader={subheader}
slotProps={{
title: {
variant: 'h3',
onClick
},
subheader: {
variant: 'caption'
}
}}
sx={{
'& .MuiCardHeader-action ': { marginRight: 0 },
padding: 1,
...styles
}}
{...props}
/>
);
}