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

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

export default TrashBanner;