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

export default function Edit({ attributes, setAttributes }) {
	const { label } = attributes;

	return (
		<a
			href="#pagination-load-more-pseudo-link"
			onClick={(event) => event.preventDefault()}
			{...useBlockProps({ className: 'vp-block-pagination-load-more' })}
		>
			<PlainText
				__experimentalVersion={2}
				tagName="span"
				aria-label={__('Load more link', 'visual-portfolio')}
				placeholder={__('Load More', 'visual-portfolio')}
				value={label}
				onChange={(newLabel) => setAttributes({ label: newLabel })}
			/>
		</a>
	);
}
