var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: !0 });
}, __copyProps = (to, from, except, desc) => {
  if (from && typeof from == "object" || typeof from == "function")
    for (let key of __getOwnPropNames(from))
      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
var NavItem_exports = {};
__export(NavItem_exports, {
  NavItem: () => NavItem
});
module.exports = __toCommonJS(NavItem_exports);
var import_tamagui = require("tamagui"), import_Icon = require("./Icon"), import_typography = require("./typography"), NavItemContext = (0, import_tamagui.createStyledContext)({
  active: !1
}), NavItemFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
  name: "NavItem",
  context: NavItemContext,
  fd: "column",
  ai: "center",
  jc: "center",
  gap: 4,
  cur: "pointer",
  variants: {
    active: {
      true: {},
      false: {}
    }
  }
}), NavLabel = (0, import_tamagui.styled)(import_typography.Label, {
  name: "NavLabel",
  context: NavItemContext,
  size: "medium",
  numberOfLines: 1,
  adjustsFontSizeToFit: !0,
  hoverStyle: {
    col: "$onSurface"
  },
  variants: {
    active: {
      true: {
        col: "$onSurface"
      },
      false: {
        col: "$onSurfaceVariant"
      }
    }
  }
}), NavIcon = (0, import_tamagui.styled)(import_Icon.Icon, {
  name: "NavIcon",
  context: NavItemContext,
  width: 24,
  height: 24,
  col: "$onSurfaceVariant",
  hoverStyle: {
    col: "$onSurface"
  },
  ContainerProps: {
    borderRadius: "$shape.corner_full",
    height: 32,
    width: 56,
    display: "flex",
    justifyContent: "center",
    alignItems: "center",
    hoverStyle: {
      backgroundColor: "$onSurfaceOpacity"
    }
  },
  variants: {
    active: {
      true: {
        col: "$onSecondaryContainer",
        ContainerProps: {
          borderRadius: "$shape.corner_full",
          height: 32,
          width: 56,
          display: "flex",
          justifyContent: "center",
          alignItems: "center",
          backgroundColor: "$secondaryContainer"
        }
      },
      false: {
        col: "$onSurface"
      }
    }
  }
}), NavItem = (0, import_tamagui.withStaticProperties)(NavItemFrame, {
  Props: NavItemContext.Provider,
  Label: NavLabel,
  Icon: NavIcon
});
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  NavItem
});
//# sourceMappingURL=NavItem.js.map
