25 lines
719 B
TypeScript
25 lines
719 B
TypeScript
import Icon from "./Icon";
|
|
|
|
type WelcomePanelProps = {
|
|
onCreateScript: () => void;
|
|
};
|
|
|
|
export function WelcomePanel({ onCreateScript }: WelcomePanelProps) {
|
|
return (
|
|
<div className="welcome-panel">
|
|
<div className="welcome-panel__visual">
|
|
<Icon name="script" size={42} />
|
|
</div>
|
|
<span className="welcome-panel__label">构建脚本工作台</span>
|
|
<h2>创建你的第一个模型脚本</h2>
|
|
<p>
|
|
通过 Notebook 完成数据探索，或使用 Python 脚本构建可调度的处理任务。
|
|
</p>
|
|
<button className="primary-button" onClick={onCreateScript}>
|
|
<Icon name="plus" size={17} />
|
|
新建构建脚本
|
|
</button>
|
|
</div>
|
|
);
|
|
}
|