import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Pressable } from "react-native";
import { ThemeableStack, View, styled, withStaticProperties } from "tamagui";
import { NavItem } from "./NavItem.native.js";
function NavRail(param) {
  var {
    Items,
    Fab,
    Icon,
    TrailItems,
    noIcon = !1,
    ...props
  } = param;
  return /* @__PURE__ */_jsxs(Rail, {
    ...props,
    children: [/* @__PURE__ */_jsx(View, {
      h: 40
    }), Fab, /* @__PURE__ */_jsx(View, {
      h: 60
    }), Items, /* @__PURE__ */_jsx(View, {
      fg: 1
    }), TrailItems]
  });
}
var RailFrame = styled(ThemeableStack, {
    name: "NavigationRailContainer",
    bg: "$surface",
    br: null,
    w: "$size.nav_rail_width",
    h: "100%",
    fd: "column",
    ai: "center",
    gap: 12,
    pb: 24,
    variants: {
      outlined: {
        true: {
          borderRightWidth: "$border.outline",
          borderRightColor: "$outlineVariant"
        },
        false: {}
      }
    },
    defaultVariants: {
      outlined: !1
    }
  }),
  Rail = withStaticProperties(RailFrame, {});
function NavRailItem(param) {
  var {
    label,
    icon,
    active,
    onPress
  } = param;
  return /* @__PURE__ */_jsx(Pressable, {
    onPress,
    children: /* @__PURE__ */_jsxs(NavItem, {
      active,
      children: [/* @__PURE__ */_jsx(NavItem.Icon, {
        icon
      }), /* @__PURE__ */_jsx(NavItem.Label, {
        children: label
      })]
    })
  });
}
export { NavRail, NavRailItem };
//# sourceMappingURL=NavRail.native.js.map
