var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {}))
    if (__hasOwnProp.call(b, prop))
      __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b)) {
      if (__propIsEnum.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    }
  return a;
};
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
var __objRest = (source, exclude) => {
  var target = {};
  for (var prop in source)
    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
      target[prop] = source[prop];
  if (source != null && __getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(source)) {
      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
        target[prop] = source[prop];
    }
  return target;
};
import { jsx } from "react/jsx-runtime";
import styled, { css } from "styled-components";
import { media } from "@gympass/yoga-helpers";
const StyledItemsContainer = styled.nav`
  position: relative;
  ${media.lg`display: none`}

  z-index: ${({ $zIndex }) => $zIndex != null ? $zIndex : 2};
`;
const StyledItems = styled.ul`
  ${({
  theme: {
    yoga: {
      components: {
        navigationmenu: { backgroundColor, border, gap, height }
      }
    }
  }
}) => css`
    bottom: 0;
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    align-items: center;
    width: 100%;
    height: ${height.bottomMenu}px;
    background-color: ${backgroundColor.bottomMenu};
    margin: 0;
    padding: 0;
    border: 1px solid ${border.color.default};
    gap: ${gap.xxxsmall}px;
  `}
`;
const BottomItems = (_a) => {
  var _b = _a, { children } = _b, containerProps = __objRest(_b, ["children"]);
  return /* @__PURE__ */ jsx(StyledItemsContainer, __spreadProps(__spreadValues({}, containerProps), { children: /* @__PURE__ */ jsx(StyledItems, { children }) }));
};
var BottomItems_default = BottomItems;
export {
  BottomItems_default as default
};
