import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
import { Block, Flex, Text, Title } from '@cube-dev/ui-kit';
export function MemberSection({ name, hasFilter, totalShownItems, totalItems, children, }) {
    return (_jsxs(Flex, { gap: "1x", flow: "column", children: [_jsxs(Title, { level: 6, preset: "c2", fontWeight: 600, color: `#${name}-text`, children: [name, "s", ' ', hasFilter ? (_jsxs(Text, { color: "#dark", children: ["(", totalShownItems, "/", totalItems ?? 0, ")"] })) : undefined] }), _jsxs(Flex, { gap: "1bw", flow: "column", children: [!totalItems ? (_jsxs(Block, { padding: "1.5x left", color: "#minor", children: ["No ", name, "s"] })) : hasFilter && !totalShownItems ? (_jsx(Block, { padding: "1.5x left", color: "#minor", children: "Nothing found" })) : undefined, children] })] }));
}
//# sourceMappingURL=MemberSection.js.map