src/client/views/newlightbox/components/SkeletonDoc/SkeletonDoc.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

import './SkeletonDoc.scss';
import { ISkeletonDoc } from "./utils";
import * as React from 'react';

export const SkeletonDoc = (props: ISkeletonDoc) => {
    const { type, data } = props
    
    return <div className={`skeletonDoc-container`}>
        <div className={`header`}>
            <div className={`title`}></div>
            <div className={`type`}></div>
            <div className={`tags`}></div>
            <div className={`buttons-container`}>
                <div className={`button`}></div>
                <div className={`button`}></div>
            </div>
        </div>
        <div className={`content`}>
            {data}
        </div>
    </div>
}