import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import Button from "../../../../../../button";
export const PositionHeader = ()=>{
    return /*#__PURE__*/ _jsxs("div", {
        children: [
            /*#__PURE__*/ _jsxs("div", {
                className: "orderly-grid orderly-grid-cols-3",
                children: [
                    /*#__PURE__*/ _jsx("div", {
                        children: "Unreal. PnL"
                    }),
                    /*#__PURE__*/ _jsx("div", {
                        children: "Notional"
                    }),
                    /*#__PURE__*/ _jsx("div", {
                        children: "Unsettled PnL"
                    })
                ]
            }),
            /*#__PURE__*/ _jsxs("div", {
                className: "orderly-flex orderly-justify-between",
                children: [
                    /*#__PURE__*/ _jsx(Button, {
                        variant: "outlined",
                        size: "small",
                        children: "All Sides"
                    }),
                    /*#__PURE__*/ _jsx(Button, {
                        variant: "outlined",
                        size: "small",
                        children: "Market Close All"
                    })
                ]
            })
        ]
    });
};

//# sourceMappingURL=positionHeader.js.map