"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "AccountInfo", {
    enumerable: true,
    get: function() {
        return AccountInfo;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _button = /*#__PURE__*/ _interop_require_default(require("../../../button"));
const _assets = require("./assets");
const _divider = require("../../../divider");
const _react = require("react");
const _provider = require("../../../provider");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const AccountInfo = (props)=>{
    const { visible, toggleVisible, onDeposit, onWithdraw } = (0, _react.useContext)(_provider.AssetsContext);
    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
        children: [
            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                className: "orderly-flex orderly-items-center orderly-py-4",
                children: [
                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                        className: "orderly-flex-1 orderly-text-base-contrast-80 orderly-text-sm",
                        children: "Account"
                    }),
                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                        className: "orderly-flex orderly-gap-2",
                        children: [
                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_button.default, {
                                size: "small",
                                variant: "outlined",
                                color: "tertiary",
                                className: "desktop:orderly-text-3xs desktop:orderly-text-base-contrast",
                                onClick: ()=>onWithdraw?.(),
                                children: "Withdraw"
                            }),
                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_button.default, {
                                size: "small",
                                variant: "outlined",
                                color: "tertiary",
                                className: "desktop:orderly-text-3xs desktop:orderly-text-base-contrast",
                                onClick: ()=>onDeposit?.(),
                                children: "Deposit"
                            })
                        ]
                    })
                ]
            }),
            /*#__PURE__*/ (0, _jsxruntime.jsx)(_divider.Divider, {}),
            /*#__PURE__*/ (0, _jsxruntime.jsx)(_assets.Assets, {
                totalBalance: 1013130
            })
        ]
    });
};

//# sourceMappingURL=index.js.map