import { _ as __rest } from './tslib.es6-708e7260.js';
import React__default from 'react';
import { M as MobileBottomNavigationIcon, S as StyledMobileBottomNavigation } from './MobileBottomNavigationIcon-8f3de392.js';
import './index-cb974729.js';
import '@mantine/core';
import './index-5282fcb5.js';
import './miscTheme.js';
import '@emotion/react';
import '@emotion/styled';
import './utils-3346ba5f.js';

const MobileBottomNavigationWrapper = (_a) => {
    var { children, isCollapsed = false, template = 'homepage', refObject, height = 56 } = _a, rest = __rest(_a, ["children", "isCollapsed", "template", "refObject", "height"]);
    return (React__default.createElement(StyledMobileBottomNavigation, Object.assign({ height: height, "data-is-collapsed": isCollapsed, "data-template": template, ref: refObject }, rest), children));
};
const MobileBottomNavigation = MobileBottomNavigationWrapper;
MobileBottomNavigation.Icon = MobileBottomNavigationIcon;

export { MobileBottomNavigation };
