'use client'

import { useTheme, cn } from '@/lib/ui-styles'

interface EmptyStateProps {
  message?: string
  className?: string
}

export default function EmptyState({ message = '暂无数据', className }: EmptyStateProps) {
  const theme = useTheme()
  const textColor = theme === 'dark' ? 'text-slate-400' : 'text-slate-500'

  return (
    <div className={cn('text-center py-12', textColor, className)}>
      {message}
    </div>
  )
}