{!isSmall &&

🌿

}

✨ {dilemma.isDemo ? 'Demo Dilemma' : 'Meadow Musing'}

{dilemma.text}

{[ { id: 'A', text: dilemma.optionA, color: theme.sage, percent: stats.percentA, count: stats.countA, avatars: stats.avatarsA }, { id: 'B', text: dilemma.optionB, color: theme.rose, percent: stats.percentB, count: stats.countB, avatars: stats.avatarsB } ].map((opt) => { const isSelected = myVote?.choice === opt.id; const isDimmed = hasVoted && !isSelected; return ( ); })}

{stats.total} votes • dilemma._user?.handle && typeof openProfile === 'function' && openProfile(dilemma._user.handle)} style={{ cursor: dilemma._user?.handle ? 'pointer' : 'default', marginLeft: 4 }} > {dilemma._user?.displayName || 'Anonymous'} {hasVoted && Thanks for voting! 🌸}

); }; // 📱 MAIN LAYOUT return (

Meadow of Choices

Whimsical dilemmas

{activeDilemma && (

)}

{(pastDilemmas || []).length > 0 && (

Past Blooms

{(pastDilemmas || []).map(d => ( ))}

)}

🍃

Sown with love

{/* CREATE SHEET */}

Plant a Seed

THE DILEMMA setNewDilemma({...newDilemma, text: e.target.value})} placeholder="Would you rather..." maxLength={140} style={{ width: '100%', padding: 16, borderRadius: 12, border: '1px solid #eee', background: '#F9F7F1', fontSize: 16, fontFamily: theme.font, outline: 'none', boxSizing: 'border-box' }} />

OPTION A (SAGE) setNewDilemma({...newDilemma, optionA: e.target.value})} placeholder="Live in a giant pumpkin..." maxLength={60} style={{ width: '100%', padding: 16, borderRadius: 12, border: `1px solid ${theme.sage}40`, background: '#fff', fontSize: 16, fontFamily: theme.font, outline: 'none', boxSizing: 'border-box' }} />

OPTION B (ROSE) setNewDilemma({...newDilemma, optionB: e.target.value})} placeholder="Live in a giant mushroom..." maxLength={60} style={{ width: '100%', padding: 16, borderRadius: 12, border: `1px solid ${theme.rose}40`, background: '#fff', fontSize: 16, fontFamily: theme.font, outline: 'none', boxSizing: 'border-box' }} />

); }