import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import Button from "../../../button";
import { Assets } from "./assets";
import { Divider } from "../../../divider";
import { useContext } from "react";
import { AssetsContext } from "../../../provider";
export const AccountInfo = ()=>{
    const { onDeposit, onWithdraw } = useContext(AssetsContext);
    return /*#__PURE__*/ _jsxs(_Fragment, {
        children: [
            /*#__PURE__*/ _jsxs("div", {
                className: "orderly-flex orderly-items-center orderly-py-4",
                children: [
                    /*#__PURE__*/ _jsx("div", {
                        className: "orderly-flex-1 orderly-text-base-contrast-80 orderly-text-sm",
                        children: "Account"
                    }),
                    /*#__PURE__*/ _jsxs("div", {
                        className: "orderly-flex orderly-gap-2",
                        children: [
                            /*#__PURE__*/ _jsx(Button, {
                                id: "orderly-desktop-withdraw-button",
                                size: "small",
                                variant: "outlined",
                                color: "tertiary",
                                className: "desktop:orderly-text-3xs desktop:orderly-text-base-contrast",
                                onClick: ()=>onWithdraw?.(),
                                children: "Withdraw"
                            }),
                            /*#__PURE__*/ _jsx(Button, {
                                id: "orderly-desktop-deposit-button",
                                size: "small",
                                variant: "outlined",
                                color: "tertiary",
                                className: "desktop:orderly-text-3xs desktop:orderly-text-base-contrast",
                                onClick: ()=>onDeposit?.(),
                                children: "Deposit"
                            })
                        ]
                    })
                ]
            }),
            /*#__PURE__*/ _jsx(Divider, {}),
            /*#__PURE__*/ _jsx(Assets, {
                totalBalance: 1013130
            })
        ]
    });
};

//# sourceMappingURL=index.js.map