|  | @@ -6,6 +6,7 @@ export interface ToolListItem {
 | 
	
		
			
			| 6 | 6 |    key: any;
 | 
	
		
			
			| 7 | 7 |    color: string;
 | 
	
		
			
			| 8 | 8 |    iconClass: string;
 | 
	
		
			
			|  | 9 | +  iconTextClass: string;
 | 
	
		
			
			| 9 | 10 |    onClick: any;
 | 
	
		
			
			| 10 | 11 |    text?: string;
 | 
	
		
			
			| 11 | 12 |    render?: (i: ToolListItem, innerIcon: any, innerText: any, divWrapStyle: React.CSSProperties | undefined) => any;
 | 
	
	
		
			
			|  | @@ -48,7 +49,7 @@ export const ControlsToolBar = (props: ControlsToolBarProps) => {
 | 
	
		
			
			| 48 | 49 |      {
 | 
	
		
			
			| 49 | 50 |        toolList.map(i => {
 | 
	
		
			
			| 50 | 51 |          const innerIcon = <i className={i.iconClass} style={IconStyle} />;
 | 
	
		
			
			| 51 |  | -        const innerText = i.text ? <span style={IconTextStyle}>{i.text}</span> : null;
 | 
	
		
			
			|  | 52 | +        const innerText = i.text ? <span className={i.iconTextClass} style={IconTextStyle}>{i.text}</span> : null;
 | 
	
		
			
			| 52 | 53 |          const divWrapStyle = { color: i.color, ...IconWrapStyle };
 | 
	
		
			
			| 53 | 54 |          const wrapperDom = (
 | 
	
		
			
			| 54 | 55 |            <div
 |