Current File : /home/bravrvjk/itiministry.org/wp-content/plugins/give/blocks/components/blank-slate//index.js
/**
* 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;
