/* global React, window */
// ============================================================
// Section 2 — 熊猫工坊 Workshop
// 重写（Sprint 2.H 推倒，2026-05-10）：
//   旧 trait selector 全删
//   暂时同 QuickSection，但提示「上传素材接入 AI」是未来 Sprint 3
// ============================================================

function WorkshopSection({ favs, setFavs, pushToCollection }) {
	const { t, lang } = useI18n()

	return (
		<div style={{ position: 'relative' }}>
			<SectionHeader
				title={t('shop.title')}
				subtitle={t('shop.subtitle')}
				right={
					<div style={{ display: 'flex', gap: 8 }}>
						<Button variant="secondary" size="sm" leftIcon={<Icon name="upload" size={14} />}>
							{t('shop.upload')}
						</Button>
					</div>
				}
			/>

			<div style={{
				marginBottom: 16,
				padding: '12px 16px',
				background: 'var(--bg-soft)',
				borderRadius: 12,
				border: '1px solid var(--border)',
				fontSize: 13,
				color: 'var(--text-soft)',
				display: 'flex', alignItems: 'center', gap: 10,
			}}>
				<Icon name="info" size={16} />
				<span>{lang === 'zh'
					? '工坊进阶模式（自定义 shell / face 上传 + AI 抠图填充）即将上线。当前功能与「快速生图」一致。'
					: 'Advanced workshop (upload your own shell/face + AI fill) coming soon. Same UI as Quick for now.'}
				</span>
			</div>

			{/* 复用 QuickSection 的全套交互（隐藏其 header 避免双重） */}
			<QuickSection favs={favs} setFavs={setFavs} pushToCollection={pushToCollection} hideHeader />
		</div>
	)
}

window.WorkshopSection = WorkshopSection