/*!
 * Copyright 2017 - 2020 by ChartIQ, Inc.
 * All rights reserved.
 */
import React from "react";
import { Button } from "./Button";
import { ButtonIcon } from "./ButtonIcon";
import "./css/header.css";
export const Header = (props) => (React.createElement("div", { className: "view-header" },
    React.createElement("h1", { className: "view-title" },
        React.createElement("div", { className: "leftSide" },
            props.backFunction && (React.createElement(Button, { fashion: "primary", iconBefore: "chevron-left", text: "", className: "back-button", onClick: (e) => {
                    if (props.backFunction) {
                        props.backFunction(e);
                    }
                } })),
            props.children),
        React.createElement("div", null,
            props.rightHandComponents,
            props.helpFunction && React.createElement(ButtonIcon, { icon: "documentation", text: "Documentation", onClick: props.helpFunction })))));
//# sourceMappingURL=Header.js.map