"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "Header", {
    enumerable: true,
    get: function() {
        return Header;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _react = require("react");
const _select = require("../../../select");
const _constants = require("../shared/constants");
const Header = (props)=>{
    //   const [side, setSide] = useState<OrderSide | "">("");
    const sideOptions = (0, _react.useMemo)(()=>{
        return _constants.SIDE_OPTIONS;
    }, []);
    const statusOptions = (0, _react.useMemo)(()=>{
        return _constants.STATUS_OPTIONS;
    }, []);
    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
        className: "orderly-flex orderly-justify-between orderly-items-center orderly-py-3",
        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
            className: "orderly-flex orderly-gap-2",
            children: [
                /*#__PURE__*/ (0, _jsxruntime.jsx)(_select.Select, {
                    size: "small",
                    options: sideOptions,
                    value: props.side,
                    onChange: (value)=>{
                        //   setSide(value as OrderSide);
                        props.onSideChange?.(value);
                    // props.onSearch?.({ side: value as OrderSide });
                    }
                }),
                /*#__PURE__*/ (0, _jsxruntime.jsx)(_select.Select, {
                    size: "small",
                    options: statusOptions,
                    value: props.status,
                    onChange: (value)=>{
                        props.onStatusChange?.(value);
                    // props.onSearch?.({ side: value as OrderSide });
                    }
                })
            ]
        })
    });
};

//# sourceMappingURL=header.js.map