import React from "react";
import styled from "styled-components";
import { Flex } from "@netdata/netdata-ui";
import Item from "./item";
import Node from "./node";
import Options from "./options";
import Version from "./version";
import GlobalControls from "./globalControls";
import Alarms from "./alarms";
import AgentNews from "./news";
import SignIn from "./signIn";
const Wrapper = styled(Flex).attrs({
    as: "header",
    position: "relative",
    justifyContent: "between",
    background: "panel",
    zIndex: 20,
    width: "100%",
    padding: [2, 4, 2, 4],
}) `
  pointer-events: all;
`;
const Header = () => (React.createElement(Wrapper, null,
    React.createElement(Flex, { alignItems: "center", gap: 3 },
        React.createElement(Node, null)),
    React.createElement(Flex, { justifyContent: "end", alignItems: "center", gap: 3 },
        React.createElement(Item, { hasBorder: true },
            React.createElement(Version, null),
            React.createElement(AgentNews, null),
            React.createElement(Options, null)),
        React.createElement(Item, { hasBorder: true },
            React.createElement(GlobalControls, null)),
        React.createElement(Alarms, null),
        React.createElement(SignIn, null))));
export default Header;
//# sourceMappingURL=index.js.map