Newer
Older
import CardActionArea, {
CardActionAreaProps,
} from '@material-ui/core/CardActionArea'
import CardContent from '@material-ui/core/CardContent'
import { withStyles } from '@material-ui/core/styles'
const CardBase = withStyles({
root: {
boxSizing: 'border-box',
borderRadius: '4px',
padding: '0.5rem 1rem',
minHeight: '72px',
},
})(CardActionArea) as React.FC<CardActionAreaProps>
const CardContentBase = withStyles({
root: {
color: 'white',
height: '100%',
padding: 0,
},
})(CardContent) as React.FC<CardActionAreaProps>
const StyledEcogestureCard = ({ children, ...props }: CardActionAreaProps) => {
return (
<CardBase {...props}>
<CardContentBase>{children}</CardContentBase>
</CardBase>
)
}
export default StyledEcogestureCard