import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__ from "@chakra-ui/react";
import * as __WEBPACK_EXTERNAL_MODULE_chakra_react_select__ from "chakra-react-select";
const MenuList = ({ headerColumns = [], footer, ...props })=>{
    const menuStyles = (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.useMultiStyleConfig)('Menu');
    return /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, {
        sx: {
            ...menuStyles.list,
            minW: '100%',
            maxHeight: '400px',
            overflowY: 'auto',
            borderRadius: '6px',
            position: 'relative',
            WebkitOverflowScrolling: 'touch',
            paddingBottom: 0,
            paddingTop: 0
        }
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_chakra_react_select__.components.MenuList, props, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, {
        px: 4,
        pl: 10
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Grid, {
        templateColumns: headerColumns?.map(()=>'minmax(0, 1fr)').join(' ')
    }, headerColumns?.map((headerColumn, index)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.GridItem, {
            key: index
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
            alignSelf: "start",
            fontWeight: "medium"
        }, headerColumn))))), props.children, footer && /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, {
        px: 2,
        py: 1
    }, footer)));
};
/* ESM default export */ const MenuList_rslib_entry_ = MenuList;
export { MenuList_rslib_entry_ as default };
