@serendie/ui/dist/components/BottomNavigation/BottomNavigation.js

Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric

import { jsx as e } from "react/jsx-runtime";
import { cx as r } from "../../styled-system/css/cx.js";
import { css as i } from "../../styled-system/css/css.js";
const a = ({
  children: o,
  className: s,
  ...t
}) => /* @__PURE__ */ e(
  "nav",
  {
    className: r(
      i({
        display: "flex",
        alignItems: "center",
        justifyContent: "space-around",
        height: 64,
        paddingX: "sd.system.dimension.spacing.medium",
        borderTop: "1px solid",
        borderTopColor: "sd.system.color.component.outline"
      }),
      s
    ),
    ...t,
    children: o
  }
);
export {
  a as BottomNavigation
};