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 TopAppBar_exports = {};
__export(TopAppBar_exports, {
  TopAppBar: () => TopAppBar
});
module.exports = __toCommonJS(TopAppBar_exports);
var import_tamagui = require("tamagui"), import_Icon = require("./Icon"), import_typography = require("./typography");
const TopAppBarContext = (0, import_tamagui.createStyledContext)({
  size: void 0,
  centered: !1
}), Frame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
  name: "TopAppBar",
  context: TopAppBarContext,
  backgroundColor: "$surfaceContainer",
  flexDirection: "column",
  justifyContent: "flex-start",
  // On scroll?,
  shadowColor: "$shadow_opacity",
  shadowRadius: "$shadow.0",
  zIndex: 99999,
  width: "100%",
  variants: {
    size: {
      small: {
        height: 64
      },
      medium: {
        height: 112,
        maxHeight: 122
      },
      large: {
        minHeight: 152
      }
    }
  }
}), TopRail = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
  name: "TopAppBarTopRail",
  context: TopAppBarContext,
  flexDirection: "row",
  alignItems: "center",
  width: "100%",
  height: 64,
  maxHeight: 64,
  flexShrink: 1
}), BottomRail = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
  name: "TopAppBarBottomRail",
  context: TopAppBarContext,
  width: "100%",
  fg: 1,
  flexDirection: "row",
  alignItems: "flex-end"
}), SmallHeadline = (0, import_tamagui.styled)(import_typography.Title, {
  name: "TopAppBarSmallHeadline",
  context: TopAppBarContext,
  size: "large",
  col: "$onSurface",
  marginLeft: 16,
  variants: {
    size: {
      small: {
        size: "large"
      }
    },
    centered: {
      true: {
        fg: 1,
        textAlign: "center"
      }
    }
  }
}), MediumHeadline = (0, import_tamagui.styled)(import_typography.Headline, {
  name: "TopAppBarMediumHeadline",
  size: "small",
  col: "$onSurface",
  marginLeft: 16,
  marginBottom: 24
}), LargeHeadline = (0, import_tamagui.styled)(import_typography.Headline, {
  name: "TopAppBarLargeHeadline",
  size: "medium",
  col: "$onSurface",
  marginLeft: 16,
  marginBottom: 28
}), SupportingText = (0, import_tamagui.styled)(import_typography.Body, {
  name: "TopAppBarSupportingText",
  context: TopAppBarContext,
  marginLeft: 16,
  marginBottom: 28,
  flexWrap: "wrap"
}), TrailIconContainer = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
  name: "TopAppBarTrailIconContainer",
  context: TopAppBarContext,
  flexDirection: "row",
  fg: 1,
  justifyContent: "flex-end",
  marginRight: 16,
  variants: {
    centered: {
      true: {
        fg: 0
      }
    }
  }
}), TrailItemsContainer = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
  name: "TopAppBarTrailIconContainer",
  context: TopAppBarContext,
  flexDirection: "row",
  fg: 1,
  justifyContent: "flex-end",
  marginRight: 16
}), TrailingIcon = (0, import_tamagui.styled)(import_Icon.Icon, {
  name: "TopAppBarTrailingIcon",
  context: TopAppBarContext,
  size: 24,
  ContainerProps: {
    width: 48,
    display: "flex",
    flexDirection: "row",
    justifyContent: "center"
  },
  col: "$onSurfaceVariant"
}), LeadingIcon = (0, import_tamagui.styled)(import_Icon.Icon, {
  name: "TopAppBarLeadingIcon",
  context: TopAppBarContext,
  width: 24,
  height: 24,
  marginRight: 0,
  marginLeft: 16,
  col: "$onSurfaceVariant"
}), LeadingIconContainer = (0, import_tamagui.styled)(import_tamagui.View, {
  name: "TopBarLeadingIconWrapper",
  context: TopAppBarContext,
  width: 24,
  maxWidth: 24,
  flexShrink: 1,
  height: 48,
  marginRight: 16,
  marginLeft: 16,
  display: "flex",
  justifyContent: "center",
  alignItems: "center",
  variants: {
    centered: {
      true: {
        marginRight: 0
      }
    }
  }
}), LeadingItemsContainer = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
  name: "TopBarLeadingIconWrapper",
  context: TopAppBarContext,
  height: 48,
  marginRight: 16,
  marginLeft: 16,
  display: "flex",
  justifyContent: "center",
  alignItems: "center",
  variants: {
    centered: {
      true: {
        marginRight: 0
      }
    }
  }
}), TopAppBar = (0, import_tamagui.withStaticProperties)(Frame, {
  Props: TopAppBarContext.Provider,
  Headline: SmallHeadline,
  TopRail,
  SmallHeadline,
  MediumHeadline,
  LargeHeadline,
  TrailingIcon,
  LeadingIcon,
  BottomRail,
  TrailIconContainer,
  TrailItemsContainer,
  LeadingIconContainer,
  LeadingItemsContainer,
  SupportingText
});
//# sourceMappingURL=TopAppBar.js.map
