@fakel/rest-admin/lib/components/Header/Header.js

An application that makes it easier to work with your API

"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 layout_1 = __importDefault(require("antd/lib/layout"));
var typography_1 = __importDefault(require("antd/lib/typography"));
var row_1 = __importDefault(require("antd/lib/row"));
var col_1 = __importDefault(require("antd/lib/col"));
var LogoutButton_1 = __importDefault(require("../Buttons/LogoutButton"));
var AntHeader = layout_1.default.Header;
var Title = typography_1.default.Title, AntLink = typography_1.default.Link;
var Header = function (_a) {
    var appLogo = _a.appLogo, appName = _a.appName;
    return (react_1.default.createElement(AntHeader, null,
        react_1.default.createElement(row_1.default, { justify: "space-between", align: "middle", style: { width: '100%' } },
            react_1.default.createElement(col_1.default, { span: 12 },
                react_1.default.createElement(AntLink, { href: "/" },
                    react_1.default.createElement(Title, { className: "header__logo", level: 3, style: { color: '#fff', marginBottom: 0 } }, appLogo || appName || 'Admin'))),
            react_1.default.createElement(col_1.default, { span: 12, style: { textAlign: 'right' } },
                react_1.default.createElement(LogoutButton_1.default, { message: "auth.logout" })))));
};
exports.default = Header;