How to use the @callstack/react-theme-provider.withTheme function in @callstack/react-theme-provider

// TODO: pick an appopriate icon color automatically
	const iconColor = white

	return (
		 onRemove(filter)}>
			
		
	)
}

export const RawActiveFilterButton = ActiveFilterButton

const ThemedActiveFilterButton = withTheme(ActiveFilterButton)

export {ThemedActiveFilterButton as ActiveFilterButton}

const styles = StyleSheet.create({
	badge: {
		alignItems: 'center',
		borderRadius: 15,
		flexDirection: 'row',
		justifyContent: 'center',
		marginRight: 10,
		paddingHorizontal: 10,
		paddingVertical: 5,
	},
	text: {
		fontSize: 14,
		paddingRight: 5,

/>
					}
					data={items}
					keyExtractor={this.keyExtractor}
					renderItem={this.renderItem}
					// TODO(react-native@0.58): enable this once React Native no longer dies when opening Settings
					//scrollEnabled={false}
				/>
			
		)
	}
}

export const RawRecentItemsList = RecentItemsList

const ThemedRecentItemsList = withTheme(RecentItemsList)

export {ThemedRecentItemsList as RecentItemsList}

const styles = StyleSheet.create({
	listItem: {
		paddingVertical: Platform.OS === 'ios' ? 5 : 0,
		paddingLeft: 2,
		fontSize: 16,
	},
	notice: {
		paddingTop: 30,
		paddingBottom: 35,
	},
	noticeText: {
		color: c.gray,
	},

{popoverVisible && (
					
				)}
			
		)
	}
}

export const RawFilterToolbarButton = FilterToolbarButton

const ThemedFilterToolbarButton = withTheme(FilterToolbarButton)

export {ThemedFilterToolbarButton as FilterToolbarButton}