"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var TreeWithDetailRenderer_1 = require("./tree/TreeWithDetailRenderer");
var styles_1 = require("@material-ui/core/styles");
var theme = styles_1.createMuiTheme({
    palette: {
        secondary: {
            main: '#ee6e73',
            dark: '#26a69a'
        }
    }
});
var styles = {
    treeWithDetail: {
        margin: 'auto',
        width: '100%'
    },
};
var ThemedTreeWithDetail = function (props) {
    var classes = props.classes, uischema = props.uischema, schema = props.schema, filterPredicate = props.filterPredicate, labelProvider = props.labelProvider, imageProvider = props.imageProvider;
    return (React.createElement(styles_1.MuiThemeProvider, { theme: theme },
        React.createElement(TreeWithDetailRenderer_1.TreeWithDetailRenderer, { className: classes.treeWithDetail, uischema: uischema, schema: schema, filterPredicate: filterPredicate, labelProvider: labelProvider, imageProvider: imageProvider })));
};
exports.default = styles_1.withStyles(styles)(ThemedTreeWithDetail);
//# sourceMappingURL=ThemedTreeWithDetail.js.map