/**
 * WordPress dependencies
 */
import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';

/**
 * Block constants
 */
const ALLOWED_BLOCKS = [
	'visual-portfolio/pagination-previous',
	'visual-portfolio/pagination-numbers',
	'visual-portfolio/pagination-next',
	'visual-portfolio/pagination-load-more',
	'visual-portfolio/pagination-infinite',
];

export default function PagedPaginationEdit() {
	const blockProps = useBlockProps({ className: 'vp-block-pagination' });

	const innerBlocksProps = useInnerBlocksProps(blockProps, {
		allowedBlocks: ALLOWED_BLOCKS,
		orientation: 'horizontal',
	});

	return <div {...innerBlocksProps} />;
}