]
            }
          },
          {
            ul: {
              style: { 
                listStyle: 'none', 
                padding: 0,
                border: '1px solid #ddd',
                borderRadius: '5px',
                minHeight: '200px'
              },
              children: () => {
                const todoIds = getState('todoList', []);
                if (todoIds.length === 0) {
                  return [{
                    li: {
                      text: 'No todos yet. Add