react-native-xenon/lib/module/ui/components/headers/Header.js

A powerful in-app debugging tool for React Native.

"use strict";

import { useState } from 'react';
import refs, { HeaderState, PanelState } from "../../../core/refs.js";
import IndexedStack from "../common/IndexedStack.js";
import ConsoleHeader from "./ConsoleHeader.js";
import DebuggerHeader from "./DebuggerHeader.js";
import NetworkHeader from "./NetworkHeader.js";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const Header = () => {
  const [selectedPanel, setSelectedPanel] = useState(refs.panel.current?.getCurrentIndex() ?? PanelState.Network);
  return /*#__PURE__*/_jsxs(IndexedStack, {
    defaultIndex: HeaderState.Debugger,
    id: "debugger-header",
    ref: refs.header,
    children: [/*#__PURE__*/_jsx(DebuggerHeader, {
      selectedPanel: selectedPanel,
      setSelectedPanel: setSelectedPanel
    }), /*#__PURE__*/_jsx(NetworkHeader, {
      selectedPanel: selectedPanel
    }), /*#__PURE__*/_jsx(ConsoleHeader, {
      selectedPanel: selectedPanel
    })]
  });
};
export default Header;
//# sourceMappingURL=Header.js.map