25 lines
617 B
JavaScript
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;
|