@lunit/oui
Version:
Lunit Oncology UI components
14 lines (13 loc) • 576 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { Card as MuiCard, styled } from '@mui/material';
const BaseCard = styled(({ ...props }) => (_jsx(MuiCard, { ...props })))(({ theme, size = 'large', selected }) => ({
width: size === 'small' ? '480px' : '520px',
height: size === 'small' ? '156px' : '284px',
cursor: 'pointer',
borderRadius: '8px',
backgroundColor: !selected ? theme.palette.neutralGrey[85] : theme.palette.neutralGrey[75],
'&:hover': {
backgroundColor: theme.palette.neutralGrey[75],
},
}));
export default BaseCard;