nice-ui
Version:
React design system, components, and utilities
31 lines (30 loc) • 2.02 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.App = void 0;
const React = require("react");
const react_router_lite_1 = require("react-router-lite");
const Services_1 = require("../services/Services");
const context_1 = require("./context");
const Header_1 = require("./Header");
const GuidelinesPage_1 = require("./pages/GuidelinesPage");
const context_2 = require("../../context");
const NiceUiContentService_1 = require("../../context/services/NiceUiContentService");
const content_1 = require("../content");
const ComponentsPage_1 = require("./pages/ComponentsPage");
const markdown_1 = require("../../markdown");
const custom_1 = require("./markdown/custom");
const IconsPage_1 = require("./pages/IconsPage");
const ThemePage_1 = require("./pages/ThemePage");
const App = () => {
const service = React.useMemo(() => new Services_1.Services(), []);
const contentService = React.useMemo(() => new NiceUiContentService_1.NiceUiContentService({ root: content_1.content }), [content_1.content]);
return (React.createElement(markdown_1.CustomComponentsProvider, { value: custom_1.custom },
React.createElement(context_2.NiceUiProvider, { content: contentService },
React.createElement(context_1.context.Provider, { value: service },
React.createElement(Header_1.Header, null),
React.createElement(react_router_lite_1.Route, { match: '/guidelines', render: () => React.createElement(GuidelinesPage_1.GuidelinesPage, null) }),
React.createElement(react_router_lite_1.Route, { match: '/components', render: () => React.createElement(ComponentsPage_1.ComponentsPage, null) }),
React.createElement(react_router_lite_1.Route, { match: '/icons', render: () => React.createElement(IconsPage_1.IconsPage, null) }),
React.createElement(react_router_lite_1.Route, { match: '/theme', render: () => React.createElement(ThemePage_1.ThemePage, null) })))));
};
exports.App = App;