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>
  );
}