47 lines
1.2 KiB
JavaScript
47 lines
1.2 KiB
JavaScript
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
import { Component } from '@wordpress/element';
|
||
|
|
import PropTypes from 'prop-types';
|
||
|
|
|
||
|
|
class InboxNotePlaceholder extends Component {
|
||
|
|
render() {
|
||
|
|
const { className } = this.props;
|
||
|
|
return (
|
||
|
|
<div
|
||
|
|
className={ `woocommerce-inbox-message is-placeholder ${ className }` }
|
||
|
|
aria-hidden
|
||
|
|
>
|
||
|
|
<div className="woocommerce-inbox-message__image">
|
||
|
|
<div className="banner-block" />
|
||
|
|
</div>
|
||
|
|
<div className="woocommerce-inbox-message__wrapper">
|
||
|
|
<div className="woocommerce-inbox-message__content">
|
||
|
|
<div className="woocommerce-inbox-message__date">
|
||
|
|
<div className="sixth-line" />
|
||
|
|
</div>
|
||
|
|
<div className="woocommerce-inbox-message__title">
|
||
|
|
<div className="line" />
|
||
|
|
<div className="line" />
|
||
|
|
</div>
|
||
|
|
<div className="woocommerce-inbox-message__text">
|
||
|
|
<div className="line" />
|
||
|
|
<div className="third-line" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className="woocommerce-inbox-message__actions">
|
||
|
|
<div className="fifth-line" />
|
||
|
|
<div className="fifth-line" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
InboxNotePlaceholder.propTypes = {
|
||
|
|
className: PropTypes.string,
|
||
|
|
};
|
||
|
|
|
||
|
|
export default InboxNotePlaceholder;
|