import { jsx as _jsx } from "react/jsx-runtime";
import { useMemo } from 'react';
export default function Vizard(props) {
    const { apiUrl, apiToken, query, pivotConfig } = props;
    const configHash = useMemo(() => {
        return encodeURIComponent(btoa(JSON.stringify({
            apiUrl,
            apiToken,
            query,
            pivotConfig,
        })));
    }, [apiUrl, apiToken, JSON.stringify(query), JSON.stringify(pivotConfig)]);
    return (_jsx("iframe", { src: `/vizard/index.html#${configHash}`, style: { height: 'calc(90vw - 80px)', border: 'none' } }));
}
//# sourceMappingURL=Vizard.js.map