2018-03-08 15:47:48 +00:00
|
|
|
import React from 'react';
|
|
|
|
|
|
|
|
import styles from './skeletonStyles';
|
|
|
|
|
|
|
|
function SkeletonSprite() {
|
|
|
|
return (
|
|
|
|
<div className='sprite-container'>
|
2018-09-07 11:06:00 +01:00
|
|
|
<style dangerouslySetInnerHTML={{ __html: styles }} />
|
2018-03-08 15:47:48 +00:00
|
|
|
<svg className='sprite-svg'>
|
|
|
|
<rect
|
|
|
|
className='sprite'
|
|
|
|
fill='#ccc'
|
|
|
|
height='100%'
|
|
|
|
stroke='#ccc'
|
|
|
|
width='2px'
|
|
|
|
x='0'
|
|
|
|
y='0'
|
|
|
|
/>
|
|
|
|
</svg>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
SkeletonSprite.displayName = 'SkeletonSprite';
|
|
|
|
|
|
|
|
export default SkeletonSprite;
|