@knowmax/genericlist-fluentuiv9/dist/components/list/ListPanel.js

Knowmax Generic list with basic CRUD support with Fluent V9 user interface implementation.

import { jsx as _jsx } from "react/jsx-runtime";
import { observer } from 'mobx-react-lite';
import { makeStyles, mergeClasses } from '@griffel/react';
import { tokens } from '@fluentui/tokens';
const useClasses = makeStyles({
    root: {
        display: 'flex',
        flexDirection: 'column',
        rowGap: tokens.spacingVerticalS
    },
    loading: {
        backgroundColor: tokens.colorNeutralBackground3
    }
});
/** Wrap this around each list and use @see ListItemPanel for each item in list. */
export const ListPanel = observer(({ loading, children, className }) => {
    const classes = useClasses();
    return (_jsx("div", { className: mergeClasses(classes.root, loading && classes.loading, className), children: children }));
});