import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
import { CanvasProvider } from '@workday/canvas-kit-react/common';
import { createStyles } from '@workday/canvas-kit-styling';
import { Demo } from './Demo';
import { system } from '@workday/canvas-tokens-web';
const mainContentStyles = createStyles({
    padding: system.space.x4,
});
export const App = () => {
    return (_jsx(CanvasProvider, { children: _jsx(_Fragment, { children: _jsx("main", { className: mainContentStyles, children: _jsx(Demo, {}) }) }) }));
};
