import ArrowLeftIcon from 'mdi-react/ArrowLeftIcon';
import * as React from 'react';
import { Link } from 'react-router-dom';
/**
 * Header for the extensions area.
 */
export const ExtensionsAreaHeader = (props) => (React.createElement("div", { className: "border-bottom simple-area-header" },
    React.createElement("div", { className: "navbar navbar-expand py-2" },
        React.createElement("div", { className: "container" },
            props.isPrimaryHeader && (React.createElement("h3", { className: "mb-0" },
                React.createElement(Link, { className: "nav-brand mr-2", to: "/extensions" },
                    React.createElement("strong", null, "Extensions")))),
            React.createElement("ul", { className: "navbar-nav nav" }, !props.isPrimaryHeader && (React.createElement("li", { className: "nav-item" },
                React.createElement(Link, { to: "/extensions", className: "nav-link" },
                    React.createElement(ArrowLeftIcon, { className: "icon-inline" }),
                    " All extensions")))),
            React.createElement("div", { className: "spacer" }),
            React.createElement("ul", { className: "navbar-nav nav" }, props.actionButtons.map(({ condition = () => true, to, icon: Icon, label, tooltip }) => condition(props) && (React.createElement("li", { className: "nav-item", key: label },
                React.createElement(Link, { className: "btn ml-2 btn-secondary", to: to(props), "data-tooltip": tooltip },
                    Icon && React.createElement(Icon, { className: "icon-inline" }),
                    " ",
                    label)))))))));
//# sourceMappingURL=ExtensionsAreaHeader.js.map