import React, { forwardRef } from "react";
import LogSearchBar from "./LogSearchBar";
const LogsFilterCard = forwardRef((props, ref) => {
    const fieldSuggestions = [
        "severity",
        "service",
        "trace",
        "span",
    ];
    return (React.createElement("div", { className: "flex flex-col gap-3" },
        React.createElement("div", null,
            React.createElement(LogSearchBar, { ref: ref, value: props.searchQuery, onChange: props.onSearchQueryChange, onSubmit: props.onSearchSubmit, suggestions: fieldSuggestions, attributeSuggestions: props.logAttributes, valueSuggestions: props.valueSuggestions, onFieldValueSelect: props.onFieldValueSelect, isAttributesLoading: props.isAttributesLoading, isValuesLoading: props.isValuesLoading })),
        React.createElement("div", null, props.toolbar)));
});
LogsFilterCard.displayName = "LogsFilterCard";
export default LogsFilterCard;
//# sourceMappingURL=LogsFilterCard.js.map