"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PageHeader = exports.Breadcrumbs = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var PageChrome_module_scss_1 = tslib_1.__importDefault(require("./PageChrome.module.scss"));
var Icon_1 = require("./Icon");
var Breadcrumbs = function (_a) {
    var items = _a.items;
    return (React.createElement("div", { className: PageChrome_module_scss_1.default.bread }, items.map(function (item, i) { return (React.createElement(React.Fragment, { key: i },
        i > 0 && React.createElement("span", { className: PageChrome_module_scss_1.default.sep }, "\u25C6"),
        item.onClick ? (React.createElement("button", { className: PageChrome_module_scss_1.default.breadLink, onClick: item.onClick }, item.label)) : (React.createElement("span", null, item.label)))); })));
};
exports.Breadcrumbs = Breadcrumbs;
var PageHeader = function (_a) {
    var icon = _a.icon, subtitle = _a.subtitle, title = _a.title, actions = _a.actions;
    return (React.createElement("div", { className: PageChrome_module_scss_1.default.ph },
        React.createElement("div", { className: PageChrome_module_scss_1.default.phLeft },
            React.createElement("div", { className: PageChrome_module_scss_1.default.phIcon },
                React.createElement(Icon_1.Icon, { name: icon })),
            React.createElement("div", null,
                React.createElement("div", { className: PageChrome_module_scss_1.default.phSub }, subtitle),
                React.createElement("div", { className: PageChrome_module_scss_1.default.phTitle }, title))),
        actions && React.createElement("div", { className: PageChrome_module_scss_1.default.phRight }, actions)));
};
exports.PageHeader = PageHeader;
//# sourceMappingURL=PageChrome.js.map