import {__} from '@wordpress/i18n';
import classnames from 'classnames';
import {Button} from '@wordpress/components';

export function GalleryMediaPlaceholder(props) {
	const {className} = props;
	const initialBlockClass = classnames(className, className + '__no-img');
	return (
		<>
			<div className={initialBlockClass}>
				<p>{__('Add a Slide to Get Started', 'flo')}</p>

				<Button
					className={'flo-slideshow-add-slide'}
					onClick={() => props.addSlide()}
				>
					{__('Add slide', 'flo')}{' '}
					<i className="add-slide-icon gbp-icon-add-small"></i>
				</Button>
			</div>
		</>
	);
}
