"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "DesktopDepthSelect", {
    enumerable: true,
    get: function() {
        return DesktopDepthSelect;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _select = require("../../../select");
const _react = require("react");
const DesktopDepthSelect = (props)=>{
    const options = (0, _react.useMemo)(()=>{
        return props.depth.map((d)=>({
                value: d,
                label: `${d}`
            }));
    }, [
        props.depth
    ]);
    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
        className: "orderly-flex orderly-items-center orderly-justify-between orderly-pt-2 orderly-mr-3 orderly-pb-1",
        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_select.Select, {
            options: options,
            fullWidth: true,
            size: "small",
            value: props.value,
            className: "orderly-text-4xs orderly-text-base-contrast-54 orderly-w-[103px] orderly-bg-base-700",
            contentClassName: "orderly-bg-base-800",
            onChange: (value)=>{
                props.onChange?.(value);
            },
            color: "default"
        })
    });
};

//# sourceMappingURL=depthSelect.desktop.js.map