@workday/canvas-kit-docs/dist/es6/lib/stackblitzFiles/App.js

Documentation components of Canvas Kit components

import * as React from 'react';
import { CanvasProvider, ContentDirection, useTheme, } 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 = () => {
    // useTheme is filling in the Canvas theme object if any keys are missing
    const canvasTheme = useTheme({
        canvas: {
            direction: ContentDirection.LTR,
        },
    });
    return (React.createElement(CanvasProvider, { theme: canvasTheme },
        React.createElement(React.Fragment, null,
            React.createElement("main", { className: mainContentStyles },
                React.createElement(Demo, null)))));
};