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>
}