yx-react-template/src/pages/CourseDemo/CourseDemoGuideSpotlight.tsx

import { GuideSpotlight } from "@/components/common";
import { CourseDemoGuideSpotlightPanel } from "./CourseDemoGuideSpotlightPanel";

export function CourseDemoGuideSpotlight() {
	return (
		<GuideSpotlight
			theme={{
				panelMaxWidth: 620,
				offset: 20,
			}}
		>
			{(spotlight) => <CourseDemoGuideSpotlightPanel spotlight={spotlight} />}
		</GuideSpotlight>
	);
}