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

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

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