import { Pressable } from "react-native-web";
import {
  ThemeableStack,
  View,
  styled,
  withStaticProperties
} from "tamagui";
import { NavItem } from "./NavItem";
import { jsx, jsxs } from "react/jsx-runtime";
function NavRail({
  Items,
  Fab,
  Icon,
  TrailItems,
  noIcon = !1,
  ...props
}) {
  return /* @__PURE__ */ jsxs(Rail, { ...props, children: [
    /* @__PURE__ */ jsx(View, { h: 40 }),
    Fab,
    /* @__PURE__ */ jsx(View, { h: 60 }),
    Items,
    /* @__PURE__ */ jsx(View, { fg: 1 }),
    TrailItems
  ] });
}
const 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({
  label,
  icon,
  active,
  onPress
}) {
  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.js.map
