import * as React from "react";
import { toPx } from "@microsoft/fast-jss-utilities";
import ShellInfoBar from "./info-bar";
import ShellHeader from "./header";
import ShellPaneCollapse from "./pane-collapse";
import { Container } from "@microsoft/fast-layouts-react";
export var ShellSlot;
(function (ShellSlot) {
    ShellSlot["header"] = "header";
    ShellSlot["actionBar"] = "action-bar";
    ShellSlot["canvas"] = "canvas";
    ShellSlot["infoBar"] = "info-bar";
    ShellSlot["pane"] = "pane";
    ShellSlot["row"] = "row";
})(ShellSlot || (ShellSlot = {}));
class Shell extends React.Component {
    constructor() {
        super(...arguments);
        this.containerStyles = {
            container: {
                fontFamily: "Segoe UI, SegoeUI, Helvetica Neue, Helvetica, Arial, sans-serif",
                fontSize: toPx(14),
                height: "100vh"
            }
        };
    }
    render() {
        return (React.createElement(Container, { jssStyleSheet: this.containerStyles }, this.props.children));
    }
}
export default Shell;
export { ShellHeader, ShellInfoBar, ShellPaneCollapse };
//# sourceMappingURL=index.js.map