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