import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { BrowserRouter } from 'react-router-dom';
import styled from 'styled-components';
import GlobalStyles from '../../components/GlobalStyles';
import { SecurityContextProvider, } from '../../components/SecurityContext/SecurityContextProvider';
import { AppContextProvider, } from '../../components/AppContext';
const StyledWrapper = styled.div `
  background-color: var(--layout-body-background);
  min-height: 100vh;
`;
export function PlaygroundWrapper({ token, apiUrl, identifier, playgroundContext, children, tokenUpdater, onTokenPayloadChange, }) {
    return (_jsx(StyledWrapper, { children: _jsxs(BrowserRouter, { children: [_jsx(AppContextProvider, { token: token, apiUrl: apiUrl, identifier: identifier, playgroundContext: playgroundContext || {}, children: _jsx(SecurityContextProvider, { tokenUpdater: tokenUpdater, onTokenPayloadChange: onTokenPayloadChange, children: children }) }), _jsx(GlobalStyles, {})] }) }));
}
//# sourceMappingURL=PlaygroundWrapper.js.map