@equinor/fusion-react-power-bi/dist/ReportInfo/PowerBIRequirements.js

React component for displaying an person information

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useSelector } from '@equinor/fusion/lib/epic';
import { makeStyles, createStyles } from '@equinor/fusion-react-styles';
// TODO use theme
export const useStyles = makeStyles(createStyles({
    root: {
        backgroundColor: 'var(--color-white)',
        width: '100%',
        margin: 'calc(var(--grid-unit) * 2px)',
    },
}), { name: 'fusion-power-bi_requirements' });
// TODO add accordion
// TODO add markdown viewer
export const PowerBIInfoRequirements = ({ store }) => {
    const requirements = useSelector(store, 'requirements');
    // const [open, setOpen] = useState<boolean>();
    const styles = useStyles();
    return requirements ? (_jsx("div", { className: styles.root, children: _jsxs("div", { children: [_jsx("span", { style: { color: 'red' }, children: " missing element MarkdownViewer" }), requirements] }) })) : null;
};
export default PowerBIInfoRequirements;
//# sourceMappingURL=PowerBIRequirements.js.map