import React from 'react';
import ContentLoader from 'react-content-loader'
import './index.less'

const Index = () => {
    return (
        <div className="skeleton">
            <ContentLoader viewBox="0 0 350 211" className="skeleton-content">
                <rect x="0" y="0" rx="4" ry="4" width="350" height="25" />
                <rect x="0" y="30" rx="3" ry="3" width="300" height="25" />
                <rect x="0" y="60" rx="4" ry="4" width="270" height="25" />
                <rect x="0" y="90" rx="3" ry="3" width="350" height="25" />
                <rect x="0" y="120" rx="4" ry="4" width="300" height="25" />
                <rect x="0" y="150" rx="3" ry="3" width="250" height="25" />
                <rect x="0" y="180" rx="4" ry="4" width="200" height="25" />
            </ContentLoader>
        </div>
    );
};

export default Index;
