import { _ as __rest } from './tslib.es6-ab63fd84.js';
import React__default from 'react';
import { M as MobileBottomNavigationIcon, S as StyledMobileBottomNavigation } from './MobileBottomNavigationIcon-76d90292.js';
import './index-d0a1200e.js';
import '@mantine/core';
import './index-38e03570.js';
import './miscTheme.js';
import '@emotion/react';
import '@emotion/styled';
import './utils-32d7d5af.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 };
