import { Crown } from 'lucide-react'
import { useLicense } from '@/hooks/useLicense'
import { t } from '@/lib/i18n'

export function LicenseStatus() {
  const { license, isLoading } = useLicense()
  
  if (isLoading || !license) {
    return (
      <div className="bg-gray-50 rounded-lg p-3 animate-pulse">
        <div className="h-4 bg-gray-200 rounded w-20 mb-2" />
        <div className="h-8 bg-gray-200 rounded" />
      </div>
    )
  }
  
  return (
    <div className="bg-gradient-to-r from-primary-50 to-accent-50 rounded-lg p-3">
      <div className="flex items-center gap-2 mb-1">
        <Crown className="w-4 h-4 text-accent-500" />
        <span className="text-sm font-medium text-gray-900">
          {license.isPro ? 'Pro' : 'Pro'}
        </span>
      </div>
      <p className="text-xs text-gray-600">{t('All features unlocked')}</p>
    </div>
  )
}



