import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { StringFacet } from './StringFacet';
import { StringListFacet } from './StringListFacet';
import { TypeFacet } from './TypeFacet';
export function FacetsNav({ facets, search }) {
    return (_jsxs("div", { className: 'flex items-center gap-x-4 w-full', children: [facets.role && _jsx(StringFacet, { search: search, className: "flex-1", name: "role", buckets: facets.role || [], placeholder: "Filter by Role" }), facets.type && _jsx(TypeFacet, { search: search, className: "flex-1", buckets: facets.type || [] }), facets.status && _jsx(StringFacet, { search: search, className: "flex-1", name: "status", buckets: facets.status || [], placeholder: "Filter by Status" }), facets.location && _jsx(StringFacet, { search: search, className: "flex-1", name: "location", buckets: facets.location || [], placeholder: "Filter by Location" }), facets.tags && _jsx(StringListFacet, { search: search, className: "flex-1", name: 'tags', buckets: facets.tags || [], placeholder: "Filter by Tags" })] }));
}
//# sourceMappingURL=FacetsNav.js.map