import { __ } from '@wordpress/i18n';
import { useWpchillState } from '../state/use-wpchill-state';
import { setClosedBubble } from '../state/actions';
import { Button } from '@wordpress/components';
import { useNotificationsDismiss } from '../query/useNotificationsDismiss';
export function NotificationsFooter() {
	const { dispatch } = useWpchillState();
	const mutation = useNotificationsDismiss();
	const closePanel = () => {
		dispatch( setClosedBubble( true ) );
		mutation.mutate();
	};

	return (
		<Button className="dismiss_all_notifications" onClick={ closePanel }>
			{ __( ' Dismiss All Notifications', 'strong-testimonials' ) }
		</Button>
	);
}
