@neynar/ui/llm-docs/card-content.llm.md

React UI component library built on shadcn/ui and Tailwind CSS

# CardContent

**Type**: component

CardContent - Main content area of a card Contains the primary content for the card. Automatically applies horizontal padding to maintain consistent spacing with other card sections. Can contain any type of content including text, images, forms, or other components.

## JSX Usage

```jsx
import { CardContent } from '@neynar/ui';

<CardContent
  className="value"
>
  {/* Your content here */}
</CardContent>
```

## Component Props

### className
- **Type**: `string`
- **Required**: No
- **Description**: No description available

### children
- **Type**: `React.ReactNode`
- **Required**: No
- **Description**: No description available

## Examples

### Example 1
```tsx
<CardContent>
  <p>Your main content goes here.</p>
</CardContent>
```
### Example 2
```tsx
// With custom spacing
<CardContent className="py-4">
  <div className="space-y-4">
    <p>Multiple content elements</p>
    <Button>Action button</Button>
  </div>
</CardContent>
```