<button onClick=toggleCompletion className=`w-full py-2 px-4 rounded mb-4 $ todaysEntry?.completed ? 'bg-green-600 hover:bg-green-700' : 'bg-blue-600 hover:bg-blue-700' text-white font-semibold` > todaysEntry?.completed ? '✅ Completed Today' : '➕ Mark Niskaram Done' </button>
export const NiskaramTracker = () => const [entries, setEntries] = useState<NiskaramEntry[]>([]); const [todayNote, setTodayNote] = useState(''); niskaram
<textarea className="w-full p-2 border rounded mb-2" rows=2 placeholder="Reflection / sankalpa (optional)" value=todayNote onChange=(e) => setTodayNote(e.target.value) /> <button onClick=saveNote className="text-sm bg-gray-200 px-3 py-1 rounded" > Save Note </button> export const NiskaramTracker = () =>