import {sprintf, __, _n} from '@wordpress/i18n';
import Button from '../../design/components/Button';
import './scss/components/TrashBanner.scss';

const TrashBanner = ( {onEmptyTrash, onExitTrash, isEmptying, trashCount} ) => {
	const emptyTrashLabel = sprintf(
		_n( 'Empty Trash (%d item)', 'Empty Trash (%d items)', trashCount, 'adpresso' ),
		trashCount
	);

	return (
		<div className="adpresso-trash-banner">
			<Button
				variant="destructive"
				onClick={onEmptyTrash}
				disabled={isEmptying}
				className="adpresso-btn adpresso-btn-action"
			>
				{isEmptying ? __( 'Emptying...', 'adpresso' ) : emptyTrashLabel}
			</Button>
			<Button
				variant="primary"
				onClick={onExitTrash}
				className="adpresso-btn adpresso-btn-action"
			>
				{__( 'Exit Trash', 'adpresso' )}
			</Button>
		</div>
	);
};

export default TrashBanner;