import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useTPSLOrderRowContext } from "./tpslOrderRowContext";
export const OrderPrice = ()=>{
    const { sl_trigger_price, tp_trigger_price } = useTPSLOrderRowContext();
    return /*#__PURE__*/ _jsxs("div", {
        children: [
            !!tp_trigger_price ? /*#__PURE__*/ _jsxs("div", {
                className: "orderly-text-base-contrast-80 orderly-td-bg-transparent",
                children: [
                    /*#__PURE__*/ _jsx("span", {
                        className: "orderly-text-base-contrast-54",
                        children: "TP - "
                    }),
                    /*#__PURE__*/ _jsx("span", {
                        children: "Market"
                    })
                ]
            }) : null,
            !!sl_trigger_price ? /*#__PURE__*/ _jsxs("div", {
                className: "orderly-text-base-contrast-80 orderly-td-bg-transparent",
                children: [
                    /*#__PURE__*/ _jsx("span", {
                        className: "orderly-text-base-contrast-54",
                        children: "SL - "
                    }),
                    /*#__PURE__*/ _jsx("span", {
                        children: "Market"
                    })
                ]
            }) : null
        ]
    });
};

//# sourceMappingURL=orderPrice.js.map