#### Source

```jsx static
// index.tsx
import React, { FC } from 'react';
import { BoxProps } from '../../types';
import { Box } from '../Box';
export const Card: FC<BoxProps> = ({ children, ...props }) => (
	<Box {...props}>{children}</Box>
);

Card.defaultProps = {
	elevation: 2,
	p: '1.25rem 0.75rem',
	radius: 0.75,
};

export default Card;
```

#### Examples

```js
<Card maxW="300px" minH="200px" style={{ background: 'indigo', color: 'white' }}>
	<h4>Card Content</h4>
</Card>
```