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

An application that makes it easier to work with your API

import React from 'react';
import Layout from 'antd/lib/layout';
import Typography from 'antd/lib/typography';
import Row from 'antd/lib/row';
import Col from 'antd/lib/col';
import LogoutButton from '../Buttons/LogoutButton';
var AntHeader = Layout.Header;
var Title = Typography.Title, AntLink = Typography.Link;
var Header = function (_a) {
    var appLogo = _a.appLogo, appName = _a.appName;
    return (React.createElement(AntHeader, null,
        React.createElement(Row, { justify: "space-between", align: "middle", style: { width: '100%' } },
            React.createElement(Col, { span: 12 },
                React.createElement(AntLink, { href: "/" },
                    React.createElement(Title, { className: "header__logo", level: 3, style: { color: '#fff', marginBottom: 0 } }, appLogo || appName || 'Admin'))),
            React.createElement(Col, { span: 12, style: { textAlign: 'right' } },
                React.createElement(LogoutButton, { message: "auth.logout" })))));
};
export default Header;