import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { tableNames } from "../constants/names.js";
import { AccountsTable } from "./accounts-table.js";
import { TableWithForm } from "./table-with-form.js";
export function OtherTab() {
    return (_jsxs("div", { className: "grid grid-rows-4 gap-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "mb-2 text-lg font-bold", children: "Accounts" }), _jsx("p", { className: "mb-4 text-xs text-gray-600", children: "Add and manage accounts that can be associated with transactions and fees." }), _jsx(AccountsTable, {})] }), _jsxs("div", { children: [_jsx("h2", { className: "mb-2 text-lg font-bold", children: "Fixed Income Types" }), _jsx("p", { className: "mb-4 text-xs text-gray-600", children: "Add and manage fixed income asset types." }), _jsx(TableWithForm, { tableName: tableNames.FIXED_INCOME_TYPE })] }), _jsxs("div", { children: [_jsx("h2", { className: "mb-2 text-lg font-bold", children: "SPVs" }), _jsx("p", { className: "mb-4 text-xs text-gray-600", children: "Add and manage special purpose vehicles (SPVs)." }), _jsx(TableWithForm, { tableName: tableNames.SPV })] }), _jsxs("div", { children: [_jsx("h2", { className: "mb-2 text-lg font-bold", children: "Service Provider Fee Types" }), _jsx("p", { className: "mb-4 text-xs text-gray-600", children: "Add and manage service providers and their associated fee types." }), _jsx(TableWithForm, { tableName: tableNames.SERVICE_PROVIDER_FEE_TYPE })] })] }));
}
//# sourceMappingURL=other-tab.js.map