"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.VerticalDivider = void 0;
var styles_1 = require("@mui/styles");
var Divider_1 = __importDefault(require("@mui/material/Divider"));
var react_1 = __importDefault(require("react"));
var theme_1 = __importDefault(require("../../base/theme"));
var morningBlue = "#879999";
var useVerticalStyles = styles_1.makeStyles(function () {
    return styles_1.createStyles({
        root: {
            margin: theme_1.default.spacing(1.6, 2),
            background: morningBlue,
        },
        first: {
            margin: theme_1.default.spacing(1.6, 0),
            background: morningBlue,
        },
    });
});
function VerticalDivider(props) {
    var styles = useVerticalStyles();
    return (react_1.default.createElement(Divider_1.default, { orientation: "vertical", flexItem: true, className: props.first ? styles.first : styles.root }));
}
exports.VerticalDivider = VerticalDivider;
//# sourceMappingURL=VerticalDivider.js.map