const event_lists = props.event_lists || []; if (!event_lists) { return props.__engine.loading(); } const widgetName = `index.list.${props.layout}`; // TODO: Search bar const SearchBar = props.__engine.renderComponent('index.search_bar', { items: event_lists, fields: { name: 2, description: 1, location: 2.5, category: 3, }, }); return ( <> {SearchBar} {props.__engine.renderComponent(widgetName, { event_lists })} </> );