function TreeHeader({ title, otherActions, onClickCollapseAll, onClickExpandAll, t }) {
	return (
		<div className={classNames(theme['tc-tree-header'], 'tc-tree-header')}>
			{title}
			<div className={classNames(theme['tc-tree-header-actions'], 'tc-tree-header-actions')}>
				{onClickCollapseAll && (
					<Action
						className={classNames(
							theme['tc-tree-header-actions-icon'],
							'tc-tree-header-actions-icon',
						)}
						icon="talend-minus-circle"
						id="CollapseAllRecords"
						tooltipLabel={t('RECORDS_HEADER_LABEL_CLOSE_ALL', {
							defaultValue: 'Close all',
						})}
						onClick={onClickCollapseAll}
						link
						hideLabel
					/>
				)}
				{onClickExpandAll && (
					<Action
						className={classNames(
							theme['tc-tree-header-actions-icon'],
							'tc-tree-header-actions-icon',
						)}
						icon="talend-table"
						id="ExpandAllRecords"
						tooltipLabel={t('RECORDS_HEADER_LABEL_EXPAND_ALL', {
							defaultValue: 'Expand all',
						})}
						onClick={onClickExpandAll}
						hideLabel
						link
					/>
				)}
			</div>
			{otherActions && otherActions()}
		</div>
	);
}
/**
 * A simple header customizable with collapse and expand all buttons.
 */
A simple header customizable with collapse and expand all buttons.
A simple header customizable with collapse and expand all buttons .
function TreeHeader({ title, otherActions, onClickCollapseAll, onClickExpandAll, t }) {
	return (
		<div className={classNames(theme['tc-tree-header'], 'tc-tree-header')}>
			{title}
			<div className={classNames(theme['tc-tree-header-actions'], 'tc-tree-header-actions')}>
				{onClickCollapseAll && (
					<Action
						className={classNames(
							theme['tc-tree-header-actions-icon'],
							'tc-tree-header-actions-icon',
						)}
						icon="talend-minus-circle"
						id="CollapseAllRecords"
						tooltipLabel={t('RECORDS_HEADER_LABEL_CLOSE_ALL', {
							defaultValue: 'Close all',
						})}
						onClick={onClickCollapseAll}
						link
						hideLabel
					/>
				)}
				{onClickExpandAll && (
					<Action
						className={classNames(
							theme['tc-tree-header-actions-icon'],
							'tc-tree-header-actions-icon',
						)}
						icon="talend-table"
						id="ExpandAllRecords"
						tooltipLabel={t('RECORDS_HEADER_LABEL_EXPAND_ALL', {
							defaultValue: 'Expand all',
						})}
						onClick={onClickExpandAll}
						hideLabel
						link
					/>
				)}
			</div>
			{otherActions && otherActions()}
		</div>
	);
}
function TreeHeader ( { title , otherActions , onClickCollapseAll , onClickExpandAll , t } ) { return ( < div className = { classNames ( theme [ 'tc-tree-header' ] , 'tc-tree-header' ) } > { title } < div className = { classNames ( theme [ 'tc-tree-header-actions' ] , 'tc-tree-header-actions' ) } > { onClickCollapseAll && ( < Action className = { classNames ( theme [ 'tc-tree-header-actions-icon' ] , 'tc-tree-header-actions-icon' , ) } icon = "talend-minus-circle" id = "CollapseAllRecords" tooltipLabel = { t ( 'RECORDS_HEADER_LABEL_CLOSE_ALL' , { defaultValue : 'Close all' , } ) } onClick = { onClickCollapseAll } link hideLabel / > ) } { onClickExpandAll && ( < Action className = { classNames ( theme [ 'tc-tree-header-actions-icon' ] , 'tc-tree-header-actions-icon' , ) } icon = "talend-table" id = "ExpandAllRecords" tooltipLabel = { t ( 'RECORDS_HEADER_LABEL_EXPAND_ALL' , { defaultValue : 'Expand all' , } ) } onClick = { onClickExpandAll } hideLabel link / > ) } < / div > { otherActions && otherActions ( ) } < / div > ) ; }
A simple header customizable with collapse and expand all buttons.
A simple header customizable with collapse and expand all buttons .