woocommerce/plugins/woocommerce-admin/client/marketing/components/knowledge-base/placeholder.js

25 lines
617 B
JavaScript

/**
* Internal dependencies
*/
import './style.scss';
const KnowledgebaseCardPostPlaceholder = ( index ) => {
const classNameBase = 'woocommerce-marketing-knowledgebase-card__post';
return (
<div
className={ `is-loading ${ classNameBase }` }
key={ index }
aria-hidden="true"
>
<div className={ `${ classNameBase }-img is-placeholder` }></div>
<div className={ `${ classNameBase }-text` }>
<h3 className="is-placeholder" aria-hidden="true"></h3>
<p className={ `${ classNameBase }-meta is-placeholder` }></p>
</div>
</div>
);
};
export default KnowledgebaseCardPostPlaceholder;