/**
 * CssBaseline Component - Lynx 版 MUI CssBaseline
 * 一比一对应 MUI CssBaseline
 * 
 * 提供一致的基础样式重置：
 * - box-sizing: border-box
 * - 移除默认 margin
 * - 应用主题颜色和字体
 * 
 * 在 Lynx 中，基础样式通过 CSS 文件应用
 */
import './CssBaseline.css'

export interface CssBaselineProps {
  /** 子元素 */
  children?: any
  /** 是否启用颜色方案 */
  enableColorScheme?: boolean
}

/**
 * CssBaseline 组件
 * 
 * 用法：
 * ```tsx
 * <CssBaseline>
 *   <App />
 * </CssBaseline>
 * ```
 */
export function CssBaseline(props: CssBaselineProps) {
  const { children, enableColorScheme = false } = props

  // 在 Lynx 中，样式通过 CSS 文件全局应用
  // 组件本身只是一个包装器
  return (
    <view className="MuiCssBaseline-root">
      {children}
    </view>
  )
}

export default CssBaseline
