RocketChat/Rocket.Chat

import { useToolbar } from '@react-aria/toolbar';
import { ButtonGroup } from '@rocket.chat/fuselage';
import { type ComponentProps, useRef } from 'react';

const HeaderToolbar = (props: ComponentProps<typeof ButtonGroup>) => {
    const ref = useRef(null);
    const { toolbarProps } = useToolbar(props, ref);

    return (
        <ButtonGroup role='toolbar' ref={ref} {...toolbarProps}>
            {props.children}
        </ButtonGroup>
    );
};

export default HeaderToolbar;