@kwiz/fluentui
Version:
KWIZ common controls for FluentUI
17 lines • 791 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { makeStyles } from '@fluentui/react-components';
import { CardEX } from './card';
import { Centered } from './centered';
import { Horizontal } from './horizontal';
const useStyles = makeStyles({
emptyList: {
position: "absolute", top: 0, bottom: 0, left: 0, right: 0,
display: "flex",
zIndex: -1
}
});
export const CardList = (props) => {
const classes = useStyles();
return (_jsxs(Horizontal, { main: true, wrap: true, children: [props.backfill && _jsx("div", { className: classes.emptyList, children: _jsx(Centered, { children: props.backfill }) }), props.cards.map((card, idx) => _jsx(CardEX, Object.assign({}, card), `i${idx}`))] }));
};
//# sourceMappingURL=card-list.js.map