import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Calendar, File, Menu } from "@truststack/icons-ui";
import { YStack } from "tamagui";
import { TopAppBar } from "./TopAppBar.native.js";
var TopAppBar_stories_default = {
    component: TopAppBar,
    parameters: {
      layout: "fullscreen",
      viewport: {
        defaultViewport: "mobile2"
      }
    }
  },
  Variants = function () {
    return /* @__PURE__ */_jsxs(YStack, {
      gap: 20,
      backgroundColor: "$primaryContainer",
      style: {
        height: "100vh"
      },
      children: [/* @__PURE__ */_jsx(TopAppBar, {
        size: "small",
        children: /* @__PURE__ */_jsxs(TopAppBar.TopRail, {
          children: [/* @__PURE__ */_jsx(TopAppBar.LeadingIcon, {
            icon: Menu
          }), /* @__PURE__ */_jsx(TopAppBar.SmallHeadline, {
            children: "Small App Bar"
          }), /* @__PURE__ */_jsxs(TopAppBar.TrailIconContainer, {
            children: [/* @__PURE__ */_jsx(TopAppBar.TrailingIcon, {
              icon: Calendar
            }), /* @__PURE__ */_jsx(TopAppBar.TrailingIcon, {
              icon: File
            })]
          })]
        })
      }), /* @__PURE__ */_jsx(TopAppBar, {
        size: "small",
        centered: !0,
        children: /* @__PURE__ */_jsxs(TopAppBar.TopRail, {
          children: [/* @__PURE__ */_jsx(TopAppBar.LeadingIcon, {
            icon: Menu
          }), /* @__PURE__ */_jsx(TopAppBar.SmallHeadline, {
            children: "Small Center"
          }), /* @__PURE__ */_jsx(TopAppBar.TrailingIcon, {
            icon: File
          })]
        })
      }), /* @__PURE__ */_jsxs(TopAppBar, {
        size: "medium",
        children: [/* @__PURE__ */_jsxs(TopAppBar.TopRail, {
          children: [/* @__PURE__ */_jsx(TopAppBar.LeadingIcon, {
            icon: Menu
          }), /* @__PURE__ */_jsxs(TopAppBar.TrailIconContainer, {
            children: [/* @__PURE__ */_jsx(TopAppBar.TrailingIcon, {
              icon: Calendar
            }), /* @__PURE__ */_jsx(TopAppBar.TrailingIcon, {
              icon: File
            })]
          })]
        }), /* @__PURE__ */_jsx(TopAppBar.BottomRail, {
          children: /* @__PURE__ */_jsx(TopAppBar.MediumHeadline, {
            children: "Medium App Bar"
          })
        })]
      }), /* @__PURE__ */_jsxs(TopAppBar, {
        size: "large",
        children: [/* @__PURE__ */_jsxs(TopAppBar.TopRail, {
          children: [/* @__PURE__ */_jsx(TopAppBar.LeadingIcon, {
            icon: Menu
          }), /* @__PURE__ */_jsxs(TopAppBar.TrailIconContainer, {
            children: [/* @__PURE__ */_jsx(TopAppBar.TrailingIcon, {
              icon: Calendar
            }), /* @__PURE__ */_jsx(TopAppBar.TrailingIcon, {
              icon: File
            })]
          })]
        }), /* @__PURE__ */_jsx(TopAppBar.BottomRail, {
          children: /* @__PURE__ */_jsx(TopAppBar.LargeHeadline, {
            children: "Large App Bar"
          })
        })]
      })]
    });
  };
export { Variants, TopAppBar_stories_default as default };
//# sourceMappingURL=TopAppBar.stories.native.js.map
