@difizen/ai-flow/es/components/Header/index.js

Scalable, out-of-the-box, agent-oriented flow

import { useFlowsManagerStore } from "../../stores/flowsManagerStore";
import React from 'react';
import { ToolbarWrapper } from "../Toolbar";
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
export var Header = function Header(props) {
  var toolbar = props.toolbar;
  var savedAt = useFlowsManagerStore(function (state) {
    return state.savedAt;
  });
  return /*#__PURE__*/_jsxs("div", {
    className: "absolute top-0 left-0 z-10 flex items-center justify-between w-full px-3 h-14",
    children: [/*#__PURE__*/_jsx("div", {
      className: "flex items-center h-[18px] text-xs text-gray-500",
      children: savedAt
    }), /*#__PURE__*/_jsx(ToolbarWrapper, {
      children: toolbar
    })]
  });
};