/**
 * 统一内容卡片组件
 * 
 * 功能：
 * - 提供统一的内容展示区域样式
 * - 遵循 warm-elegant 设计主题
 */

import { Card } from 'antd'
import styles from './PageLayout.module.css'

interface ContentCardProps {
  children: React.ReactNode
  className?: string
  style?: React.CSSProperties
  title?: React.ReactNode
}

export function ContentCard({ children, className, style, title }: ContentCardProps) {
  return (
    <Card 
      className={`${styles.contentCard} ${className || ''}`}
      style={style}
      title={title}
    >
      {children}
    </Card>
  )
}
