"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "Markets", {
    enumerable: true,
    get: function() {
        return Markets;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _search = require("../../block/markets/sections/search");
const _listView = require("../../block/markets/sections/listView");
const _useDataSource = require("./useDataSource");
const Markets = (props)=>{
    const [dataSource, { searchKey, onSearch, onSort }] = (0, _useDataSource.useDataSource)(props.dataSource);
    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
        children: [
            /*#__PURE__*/ (0, _jsxruntime.jsx)("h3", {
                id: "orderly-markets-sheet-title",
                className: "orderly-text-lg orderly-text-base-contrast orderly-py-3",
                children: "Markets"
            }),
            /*#__PURE__*/ (0, _jsxruntime.jsx)(_search.SearchForm, {
                onChange: onSearch,
                value: searchKey
            }),
            /*#__PURE__*/ (0, _jsxruntime.jsx)(_listView.MarketListView, {
                dataSource: dataSource,
                onItemClick: props.onItemClick,
                onSort: onSort,
                listHeight: props.listHeight
            })
        ]
    });
};

//# sourceMappingURL=markets.js.map