# give/4.18.0/blocks/components/blank-slate/index.js

GiveWP – Donation Plugin and Fundraising Platform, version 4.18.0. 45 lines.

- Page: https://pluginprobe.com/plugins/give/4.18.0/code/blocks/components/blank-slate/index.js
- Raw: https://pluginprobe.com/plugins/give/4.18.0/raw/blocks/components/blank-slate/index.js
- Modified: 2022-03-31T22:56:06+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/give/4.18.0/code/blocks/components/blank-slate/index.js#L10-L20`.

```javascript
/**
* WordPress dependencies
*/
import { __ } from '@wordpress/i18n'

/**
* Internal dependencies
*/
import GiveHelpLink from '../help-link';
import PlaceholderAnimation from '../placeholder-animation';
import GiveIcon from '@givewp/components/GiveIcon';

const GiveBlankSlate = ( props ) => {
	const {
		noIcon,
		isLoader,
		title,
		description,
		children,
		helpLink,
	} = props;

	const blockLoading = (
		<PlaceholderAnimation />
	);

	const blockLoaded = (
		<div className="block-loaded">
			{ !! title && ( <h3 className="give-blank-slate__heading">{ title }</h3> ) }
			{ !! description && ( <p className="give-blank-slate__message">{ description }</p> ) }
			{ children }
			{ !! helpLink && ( <GiveHelpLink /> ) }
		</div>
	);

	return (
		<div className="give-blank-slate">
			{ ! noIcon && <GiveIcon size="80" className="give-blank-slate__image" /> }
			{ !! isLoader ? blockLoading : blockLoaded }
		</div>
	);
};

export default GiveBlankSlate;

```