How to use the @wordpress/compose.withPreferredColorScheme function in @wordpress/compose

);
	}

	accessibilityLabelImageContainer() {
		const { caption, 'aria-label': ariaLabel } = this.props;

		return isEmpty( caption ) ? ariaLabel : ( ariaLabel + '. ' + sprintf(
			/* translators: accessibility text. %s: image caption. */
			__( 'Image caption. %s' ), caption
		) );
	}
}

export default withPreferredColorScheme( GalleryImage );

accessibilityHint={
				/* translators: accessibility text (hint for opening a bottom sheet with help message) */
				__( 'Double tap to show help' )
			}
		>
			
		
	);
}

export default withPreferredColorScheme( BottomSheetMissingCell );

{ width: 40 * fontScale },
						] }
						onChangeText={ this.handleChange }
						onFocus={ this.handleToggleFocus }
						onBlur={ this.handleToggleFocus }
						keyboardType="number-pad"
						returnKeyType="done"
						value={ `${ sliderValue }` }
					/>
				
			
		);
	}
}

export default withPreferredColorScheme( BottomSheetRangeCell );

style={ [
									emptyStateContainerStyle,
									isAppender && styles.isAppender,
								] }>
								{ getMediaOptions() }
								{ renderContent() }
							
						
					);
				} }
			/>
		
	);
}

export default withPreferredColorScheme( MediaPlaceholder );

size={ addBlockButtonStyle.size }
							/>
						
					
				) }
				isAppender
				showSeparator={ showSeparator }
			/>
		
	);
}

/**
 * @see https://github.com/WordPress/gutenberg/blob/master/packages/block-editor/src/components/button-block-appender/README.md
 */
export default withPreferredColorScheme( ButtonBlockAppender );

}
					
					{ showValue && getValueComponent() }
					{ children }
				
				{ ! drawTopSeparator && (

{ showValue && getValueComponent() }
					{ children }
				
				{ ! drawTopSeparator && (

);
};

export default withPreferredColorScheme( SpacerEdit );

accessibilityHint={ hint }
			onPress={ onClick }
			style={ styles.container }
			disabled={ isDisabled }
		>
			
		
	);
}

export default withPreferredColorScheme( Button );

onClose={ onClose }
		>
			
		
	);
}

export default withPreferredColorScheme( NotificationSheet );