import React from 'react';
import { Box } from '@wix/design-system';
import { PickerEmptyState } from './PickerEmptyState';
import { observer } from 'mobx-react-lite';
function _PickerEmptyStateContainer({ state, renderEmptyState, hasFilterDropdown, }) {
    const { minContentHeight, collection } = state;
    const { result: { originQuery, hasAvailableItems }, } = collection;
    return (React.createElement(Box, { direction: "vertical", overflow: "auto" },
        React.createElement(Box, { align: "center", verticalAlign: "middle", paddingTop: "SP2", paddingBottom: "SP9", height: "100%", minHeight: minContentHeight }, renderEmptyState?.({
            hasAvailableItems,
            query: originQuery,
        }) ?? (React.createElement(PickerEmptyState, { state: state, hasFilterDropdown: hasFilterDropdown })))));
}
export const PickerEmptyStateContainer = observer(_PickerEmptyStateContainer);
//# sourceMappingURL=PickerEmptyStateContainer.js.map