"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 _search = require("./search");
const _lucidereact = require("lucide-react");
const Header = (props)=>{
    const onClick = ()=>{
        props.onClose?.();
    };
    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
        className: "orderly-flex orderly-items-center orderly-px-5 orderly-pt-5 orderly-pb-2 orderly-bg-base-800",
        children: [
            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                className: "orderly-w-full orderly-mr-2",
                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_search.SearchForm, {
                    onSearch: props.onSearch,
                    keyword: props.keyword,
                    onMoving: props.onMoving,
                    onSymbolSelect: props.onSymbolSelect
                })
            }),
            /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
                className: "orderly-text-base-contrast-80 hover:orderly-bg-tertiary/10 orderly-h-full orderly-px-2 orderly-rounded",
                onClick: onClick,
                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_lucidereact.X, {
                    size: 20
                })
            })
        ]
    });
};

//# sourceMappingURL=header.js.map