import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import IconCross from "@powerhousedao/connect/assets/icons/cross.svg?react";
import { NavLink } from "react-router-dom";
const Settings = () => {
    return (_jsxs("div", { className: "px-8 py-4", children: [_jsxs("div", { className: "mb-8 flex items-center justify-between", children: [_jsx("h4", { className: "text-3xl font-bold leading-normal", children: "Settings" }), _jsx(NavLink, { to: "/", children: _jsx(IconCross, { width: 24, height: 24, className: "rotate-45 fill-current" }) })] }), _jsx("div", { className: "mb-8", children: _jsx("h5", { className: "text-2xl leading-relaxed", children: "General" }) }), _jsxs("div", { className: "mb-8", children: [_jsx("h5", { className: "mb-8 text-2xl leading-relaxed", children: "Budget Statements" }), _jsx("div", { className: "rounded-2xl bg-slate-50 py-24 text-center", children: _jsx("h5", { className: "text-2xl leading-relaxed", children: "Google Sheet Intergration" }) })] }), _jsx("div", { className: "mb-8", children: _jsx("h5", { className: "text-2xl leading-relaxed", children: "Document Models" }) }), _jsx("div", { className: "mb-8", children: _jsx("h5", { className: "text-2xl leading-relaxed", children: "LDF Applications" }) })] }));
};
export const element = _jsx(Settings, {});
export default Settings;
//# sourceMappingURL=settings.js.map