import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export function AttachmentFiltersList({ filters }) {
    if (!filters) {
        return null;
    }
    return (_jsx("div", { className: "gd-attachment-filters-list", children: filters.map((filter) => (_jsx(FilterListItem, { title: filter.title, subtitle: filter.subtitle }, filter.id))) }));
}
function FilterListItem({ title, subtitle }) {
    return (_jsxs("div", { className: "gd-attachment-filters-list-item", children: [
            _jsx("div", { className: "gd-attachment-filters-list-item-title", title: subtitle, children: title }), _jsx("div", { className: "gd-attachment-filters-list-item-subtitle", title: subtitle, children: subtitle })
        ] }));
}
//# sourceMappingURL=AttachmentFiltersList.js.map