import { useState } from 'react'

export function Models() {
  const [modelId, setModelId] = useState('')

  return (
    <div>
      <h1>模型注册</h1>
      <div style={{ marginTop: 16 }}>
        <input
          type="text"
          placeholder="输入模型 ID (如 meta-llama/Llama-3.1-8B)"
          value={modelId}
          onChange={(e) => setModelId(e.target.value)}
          style={{ padding: '8px 12px', width: 400, borderRadius: 4, border: '1px solid #ccc' }}
        />
        <button style={{ marginLeft: 8, padding: '8px 16px', borderRadius: 4, border: 'none', background: '#e94560', color: '#fff' }}>
          下载模型
        </button>
      </div>
      <p style={{ marginTop: 16, color: '#666', fontSize: 14 }}>
        后端尚未实现模型下载，Phase 2 将添加完整功能。
      </p>
    </div>
  )
}
