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_stories_exports = {};
__export(TopAppBar_stories_exports, {
  Variants: () => Variants,
  default: () => TopAppBar_stories_default
});
module.exports = __toCommonJS(TopAppBar_stories_exports);
var import_icons_ui = require("@truststack/icons-ui"),
  import_tamagui = require("tamagui"),
  import_TopAppBar = require("./TopAppBar.cjs"),
  import_jsx_runtime = require("react/jsx-runtime"),
  TopAppBar_stories_default = {
    component: import_TopAppBar.TopAppBar,
    parameters: {
      layout: "fullscreen",
      viewport: {
        defaultViewport: "mobile2"
      }
    }
  };
const Variants = () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
  gap: 20,
  backgroundColor: "$primaryContainer",
  style: {
    height: "100vh"
  },
  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TopAppBar.TopAppBar, {
    size: "small",
    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_TopAppBar.TopAppBar.TopRail, {
      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TopAppBar.TopAppBar.LeadingIcon, {
        icon: import_icons_ui.Menu
      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TopAppBar.TopAppBar.SmallHeadline, {
        children: "Small App Bar"
      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_TopAppBar.TopAppBar.TrailIconContainer, {
        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TopAppBar.TopAppBar.TrailingIcon, {
          icon: import_icons_ui.Calendar
        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TopAppBar.TopAppBar.TrailingIcon, {
          icon: import_icons_ui.File
        })]
      })]
    })
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TopAppBar.TopAppBar, {
    size: "small",
    centered: !0,
    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_TopAppBar.TopAppBar.TopRail, {
      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TopAppBar.TopAppBar.LeadingIcon, {
        icon: import_icons_ui.Menu
      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TopAppBar.TopAppBar.SmallHeadline, {
        children: "Small Center"
      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TopAppBar.TopAppBar.TrailingIcon, {
        icon: import_icons_ui.File
      })]
    })
  }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_TopAppBar.TopAppBar, {
    size: "medium",
    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_TopAppBar.TopAppBar.TopRail, {
      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TopAppBar.TopAppBar.LeadingIcon, {
        icon: import_icons_ui.Menu
      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_TopAppBar.TopAppBar.TrailIconContainer, {
        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TopAppBar.TopAppBar.TrailingIcon, {
          icon: import_icons_ui.Calendar
        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TopAppBar.TopAppBar.TrailingIcon, {
          icon: import_icons_ui.File
        })]
      })]
    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TopAppBar.TopAppBar.BottomRail, {
      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TopAppBar.TopAppBar.MediumHeadline, {
        children: "Medium App Bar"
      })
    })]
  }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_TopAppBar.TopAppBar, {
    size: "large",
    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_TopAppBar.TopAppBar.TopRail, {
      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TopAppBar.TopAppBar.LeadingIcon, {
        icon: import_icons_ui.Menu
      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_TopAppBar.TopAppBar.TrailIconContainer, {
        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TopAppBar.TopAppBar.TrailingIcon, {
          icon: import_icons_ui.Calendar
        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TopAppBar.TopAppBar.TrailingIcon, {
          icon: import_icons_ui.File
        })]
      })]
    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TopAppBar.TopAppBar.BottomRail, {
      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TopAppBar.TopAppBar.LargeHeadline, {
        children: "Large App Bar"
      })
    })]
  })]
});