import React from 'react';

import { IconButtonGroup } from '@strapi/design-system';
import { Editor } from '@tiptap/react';

import Button from './Button';

export interface ButtonGroupProps {
	editor: Editor;
	items: Array<string>;
	toggleMediaLibrary: () => void;
}

const ButtonGroup = ({ items, ...rest }: ButtonGroupProps): JSX.Element => (
	<IconButtonGroup>
		{items.map((button) => (
			<Button key={button} identifier={button} {...rest} />
		))}
	</IconButtonGroup>
);

export default ButtonGroup;