import React from 'react';
import { makeStyles } from '@material-ui/core';
import Skeleton from '@material-ui/lab/Skeleton';
const useStyles = makeStyles((theme) => ({
    root: {},
    nodeWrapper: {
        display: 'flex',
        flexDirection: 'row',
        flex: 1,
        margin: 10,
        gap: 2,
    }
}));
export const MenuLoader = props => {
    const { numOfPlaceholderNodes = 1 } = props;
    const classes = useStyles();
    return (React.createElement("div", null, Array(numOfPlaceholderNodes).fill().map((_, i) => (React.createElement("div", { key: i, className: classes.nodeWrapper }, React.createElement(Skeleton, { variant: "circle", width: 20, height: 20 }), React.createElement(Skeleton, { variant: "rect", width: '100%', height: 20 }))))));
};
//# sourceMappingURL=MenuLoader.js.map