const { Fill, ToolbarButton } = wp.components;
const { displayShortcut } = wp.keycodes;

export function CocoonToolbarButton( { name, shortcutType, shortcutCharacter, ...props } ) {
	let shortcut;
	let fillName = 'Cocoon.ToolbarControls';

	if ( name ) {
		fillName += `.${ name }`;
	}

	if ( shortcutType && shortcutCharacter ) {
		shortcut = displayShortcut[ shortcutType ]( shortcutCharacter );
	}

	return (
		<Fill name={ fillName }>
			<ToolbarButton
				{ ...props }
				shortcut={ shortcut }
			/>
		</Fill>
	);
}