import { __ } from '@wordpress/i18n';

export default function PreviewSkeleton() {
	return (
		<div className="wuppi-preview-skeleton" aria-hidden="true">
			<div className="wuppi-preview-skeleton__bar" style={ { width: '60%' } } />
			<div className="wuppi-preview-skeleton__bar" style={ { width: '40%' } } />
			<div className="wuppi-preview-skeleton__bar" style={ { width: '80%' } } />
			<div className="wuppi-preview-skeleton__block" />
			<span className="screen-reader-text">
				{ __( 'Loading preview…', 'wuppi' ) }
			</span>
		</div>
	);
}
