import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { Label } from "../../../label";
import { modal } from "../../../modal";
import { useCallback, useState } from "react";
import { Tooltip, TooltipArrow, TooltipContent, TooltipTrigger } from "@radix-ui/react-tooltip";
export const MobileHideenLabel = ()=>{
    const showHiddenHint = useCallback(()=>{
        modal.alert({
            title: "Hidden",
            message: /*#__PURE__*/ _jsx("span", {
                className: "orderly-text-3xs orderly-text-base-contrast/60",
                children: "Hidden order is a limit order that does not appear in the orderbook."
            })
        });
    }, []);
    return /*#__PURE__*/ _jsx(_Fragment, {
        children: /*#__PURE__*/ _jsx(Label, {
            onClick: showHiddenHint,
            className: "orderly-text-base-contrast-54",
            children: "Hidden"
        })
    });
};
export const DesktopHiddenLabel = ()=>{
    const [open, setOpen] = useState(false);
    return /*#__PURE__*/ _jsx(_Fragment, {
        children: /*#__PURE__*/ _jsxs(Tooltip, {
            children: [
                /*#__PURE__*/ _jsx(TooltipTrigger, {
                    asChild: true,
                    children: /*#__PURE__*/ _jsx("div", {
                        className: "orderly-text-base-contrast-54",
                        children: "Hidden"
                    })
                }),
                /*#__PURE__*/ _jsxs(TooltipContent, {
                    align: "end",
                    alignOffset: -80,
                    className: "orderly-max-w-[240px] orderly-z-20 orderly-text-base-contrast orderly-select-none orderly-rounded orderly-bg-base-400 orderly-p-3 orderly-text-4xs",
                    children: [
                        /*#__PURE__*/ _jsx("div", {
                            children: /*#__PURE__*/ _jsx("span", {
                                className: "orderly-text-3xs",
                                children: "Hidden order is a limit order that does not appear in the orderbook."
                            })
                        }),
                        /*#__PURE__*/ _jsx(TooltipArrow, {
                            className: "orderly-fill-base-400"
                        })
                    ]
                })
            ]
        })
    });
};

//# sourceMappingURL=hiddenLabel.js.map