import { tutorialStore } from 'tutorialkit:store';
import { useStore } from '@nanostore/react';
export default function Congratz() {
 const completed = useStore(tutorialStore.lessonSolved);
 if (!completed) {
 return null;
 }
 return (
 <div className="fixed inset-0 flex items-center justify-center z-50">
 <div className="absolute inset-0 bg-black opacity-50"></div>
 <div className="bg-white p-8 rounded-lg shadow-lg z-10 max-w-md w-full">
 <h2 className="text-2xl font-bold mb-4">Congratulations!</h2>
 <p className="text-gray-700 mb-6">You've successfully completed the lesson. Great job!</p>
 </div>
 </div>
 );
} 

---
type: lesson
title: Foo
---
import Congratz from '@components/Congratz';
<Congratz />
# Welcome to Foo! 
...