"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var core_1 = require("@material-ui/core");
var DevelopInputs_1 = __importDefault(require("./DevelopInputs"));
var DevelopNotifications_1 = __importDefault(require("./DevelopNotifications"));
var DevelopTables_1 = __importDefault(require("./DevelopTables"));
var DevelopCurrency_1 = __importDefault(require("./DevelopCurrency"));
var DevelopColors_1 = __importDefault(require("./DevelopColors"));
var DevelopLists_1 = __importDefault(require("./DevelopLists"));
var styles_1 = require("@material-ui/core/styles");
var styles = (0, styles_1.createStyles)(function (theme) { return ({
    root: {
        display: 'flex',
        flexDirection: 'column',
        '& > *': {
            margin: theme.spacing(1, 1),
        }
    }
}); });
var Develop = function (_a) {
    var classes = _a.classes;
    return react_1.default.createElement(core_1.Box, { className: classes.root },
        react_1.default.createElement(DevelopInputs_1.default, null),
        react_1.default.createElement(DevelopColors_1.default, null),
        react_1.default.createElement(DevelopNotifications_1.default, null),
        react_1.default.createElement(DevelopCurrency_1.default, null),
        react_1.default.createElement(DevelopLists_1.default, null),
        react_1.default.createElement(DevelopTables_1.default, null));
};
exports.default = (0, styles_1.withStyles)(styles)(Develop);
