import { defineSpotlight } from "@/components/common";

export const courseDemoSpotlight = defineSpotlight({
	id: "resource-map",
	showOnce: false,
	steps: [
		{
			id: "course-resources",
			title: "先阅读资源卡片",
			description: "每张卡片都包含用途说明。按住卡片，将它拖向右侧的正确分类。",
			placement: "right",
		},
		{
			id: "course-categories",
			title: "放入对应学习阶段",
			description:
				"政策材料用于理解知识，互动资源用于练习，答疑与咨询属于学习支持。",
			placement: "top",
			padding: 12,
		},
		{
			id: "course-progress",
			title: "自动记录学习进度",
			description:
				"每次正确分类都会保存；刷新页面后仍可继续，完成时会展示本节学习结果。",
			placement: "left",
			doneLabel: "开始分类",
		},
	],
});