ConstCard configuration (see CardPropsExtend interface)
Card component with header and content sections
// Basic usage
<Card
title="Card Title"
contentCard={<p>Card content goes here</p>}
/>
// With custom heading level
<Card
title="Important Section"
headerComponent="h2"
contentCard={<div>Important content</div>}
/>
// With custom styling
<Card
title="Styled Card"
sx={{
maxWidth: 345,
margin: 2
}}
contentCard={<Typography>Custom styled card content</Typography>}
/>
Material-UI Card component with header and content sections.
Wraps Material-UI's Card to provide a container with built-in CardHeader and CardContent areas. Supports custom heading levels for semantic HTML and flexible content rendering. All Material-UI Card props are supported and passed through directly.