function HeaderIcon({ label, sortBy, dataKey, sortDirection, columnData }) {
	return (
		<div className={classnames(theme['tc-header-icon'], 'tc-header-icon')}>
			<span title={label} aria-label={label}>
				{columnData.iconName && <Icon name={columnData.iconName} />}
				{sortBy === dataKey && <SortIndicator sortDirection={sortDirection} />}
			</span>
		</div>
	);
}
/**
 * This renderer render the header with an icon
 * @param {object} props column header props
 */
This renderer render the header with an icon
@param {object} props column header props
This renderer render the header with an icon @param { object } props column header props
function HeaderIcon({ label, sortBy, dataKey, sortDirection, columnData }) {
	return (
		<div className={classnames(theme['tc-header-icon'], 'tc-header-icon')}>
			<span title={label} aria-label={label}>
				{columnData.iconName && <Icon name={columnData.iconName} />}
				{sortBy === dataKey && <SortIndicator sortDirection={sortDirection} />}
			</span>
		</div>
	);
}
function HeaderIcon ( { label , sortBy , dataKey , sortDirection , columnData } ) { return ( < div className = { classnames ( theme [ 'tc-header-icon' ] , 'tc-header-icon' ) } > < span title = { label } aria-label = { label } > { columnData . iconName && < Icon name = { columnData . iconName } / > } { sortBy === dataKey && < SortIndicator sortDirection = { sortDirection } / > } < / span > < / div > ) ; }
This renderer render the header with an icon
 @param {object} props column header props
This renderer render the header with an icon @param { object } props column header props