import React from 'react'

export default function EnhanceStubWarning({ config, moderation = false, className = '' }) {
  if (!config?.showStubWarning) {
    return null
  }

  return (
    <div className={`rounded-2xl border border-amber-300/20 bg-amber-400/10 px-4 py-3 text-sm text-amber-50 ${className}`.trim()}>
      <div>Skinbase Enhance is currently running in preview mode. The generated result is a workflow placeholder until the real upscaling worker is enabled.</div>
      {moderation ? <div className="mt-2 text-xs uppercase tracking-[0.14em] text-amber-100/80">Engine: {config.engine}. This is not a real AI upscale result.</div> : null}
    </div>
  )
}