Rocket.Chat/client/components/Header/ToolBoxAction.tsx

import { ActionButton } from '@rocket.chat/fuselage';
import React, { FC } from 'react';

const ToolBoxAction: FC<any> = ({
	id,
	icon,
	color,
	title,
	action,
	className,
	tabId,
	index,
	...props
}) => (
	<ActionButton
		className={className}
		primary={tabId === id}
		onClick={action}
		title={title}
		data-toolbox={index}
		key={id}
		icon={icon}
		position='relative'
		ghost
		tiny
		overflow='visible'
		color={!!color && color}
		{...props}
	/>
);

export default ToolBoxAction;