"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "HistoryToolbar", {
    enumerable: true,
    get: function() {
        return HistoryToolbar;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _select = require("../../select");
const _react = require("react");
const _constants = require("./shared/constants");
const HistoryToolbar = (props)=>{
    const sideOptions = (0, _react.useMemo)(()=>{
        return _constants.SIDE_OPTIONS;
    }, []);
    const statusOptions = (0, _react.useMemo)(()=>{
        return _constants.STATUS_OPTIONS;
    }, []);
    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
        className: "orderly-data-list-filter orderly-flex orderly-gap-3 orderly-py-3 orderly-px-4 orderly-items-center",
        children: [
            /*#__PURE__*/ (0, _jsxruntime.jsx)(_select.Picker, {
                options: sideOptions,
                size: "small",
                value: props.side ?? "",
                onValueChange: (item)=>props.onSideChange?.(item.value),
                className: "orderly-text-4xs orderly-text-base-contrast-54"
            }),
            /*#__PURE__*/ (0, _jsxruntime.jsx)(_select.Picker, {
                options: statusOptions,
                size: "small",
                value: props.status ?? "",
                onValueChange: (item)=>props.onStatusChange?.(item.value),
                className: "orderly-text-4xs orderly-text-base-contrast-54"
            })
        ]
    });
};

//# sourceMappingURL=historyToolbar.js.map