"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 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 Layout_1 = __importDefault(require("./App/Layout"));
var material_1 = require("@mui/material");
var sx = {
    display: 'flex',
    flexDirection: 'column',
    gap: 1,
    height: 'fit-content',
};
var Develop = function () {
    return react_1.default.createElement(Layout_1.default, { contentProps: { sx: sx }, fullWidth: true },
        react_1.default.createElement(material_1.Container, { disableGutters: true, maxWidth: false },
            react_1.default.createElement(material_1.Stack, { spacing: 1, direction: 'column' },
                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 = Develop;
