"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.SuggestionBar = void 0;
const tslib_1 = require("tslib");
const mobx_react_lite_1 = require("mobx-react-lite");
const React = tslib_1.__importStar(require("react"));
const useRequestMaker_1 = require("../../hooks/useRequestMaker");
const useSuggestion_1 = require("../../hooks/useSuggestion");
exports.SuggestionBar = mobx_react_lite_1.observer(({ suggestions }) => {
    const store = useRequestMaker_1.useRequestMakerStore();
    const currentSuggestion = useSuggestion_1.useSuggestion(suggestions, store);
    return currentSuggestion ? (React.createElement("div", { className: "RequestMaker__SuggestionBar p-2 pl-4 pr-4" }, currentSuggestion)) : null;
});
exports.SuggestionBar.displayName = 'RequestMaker.SuggestionBar';
//# sourceMappingURL=SuggestionBar.js.map