import React from "react";
import { CollapsibleList, SimpleListItem } from "@rmwc/list";
import "@material/list/dist/mdc.list.css";
import "@rmwc/list/collapsible-list.css";
import "@rmwc/icon/icon.css";
import { NodesContainer, ListItem, StyledIcon, ListHeaderContainer, MasterNodeContainer, NodeLink, } from "./styled";
export const ReplicatedNodes = ({ streamedHostsData: { masterNodeName, masterNodeUrl, streamedHosts }, }) => (React.createElement(NodesContainer, null,
    React.createElement(CollapsibleList, { startOpen: true, handle: (React.createElement(ListHeaderContainer, null,
            React.createElement(SimpleListItem, { metaIcon: "chevron_right", text: "Replicated Nodes" }))) },
        React.createElement(MasterNodeContainer, null,
            React.createElement(StyledIcon, { size: "small", name: "nodes" }),
            React.createElement(NodeLink, { href: masterNodeUrl }, masterNodeName)),
        streamedHosts.map(({ hostname, url }) => (
        // eslint-disable-next-line react/no-array-index-key
        React.createElement(ListItem, { key: hostname },
            React.createElement(StyledIcon, { name: "node" }),
            React.createElement(NodeLink, { href: url }, hostname)))))));
//# sourceMappingURL=replicated-nodes.js.map