@knowmax/genericlist-fluentuiv9/dist/components/list/ListItemPanel.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, shorthands, mergeClasses } from '@griffel/react';
import { tokens } from '@fluentui/tokens';
const useClasses = makeStyles({
    root: {
        ...shorthands.padding(tokens.spacingHorizontalS),
        boxShadow: tokens.shadow8
    }
});
/** Wrap this around each list item panel. */
export const ListItemPanel = observer(({ children, className }) => {
    const classes = useClasses();
    return (_jsx("div", { className: mergeClasses(classes.root, className), children: children }));
});