import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Stack } from "tamagui";
import { RenderStage, RenderVariants } from "./storybook-utils.native.js";
import { Body, Display, Headline, Label, Title } from "./typography.native.js";
var Typography_stories_default = {},
  Typographies = function () {
    return /* @__PURE__ */_jsxs(Stack, {
      children: [/* @__PURE__ */_jsx(RenderStage, {
        h: "$8",
        children: /* @__PURE__ */_jsxs(RenderVariants, {
          title: "Display",
          children: [/* @__PURE__ */_jsx(Display, {
            size: "small",
            children: "Small"
          }), /* @__PURE__ */_jsx(Display, {
            size: "medium",
            children: "Medium"
          }), /* @__PURE__ */_jsx(Display, {
            size: "large",
            children: "Large"
          })]
        })
      }), /* @__PURE__ */_jsx(RenderStage, {
        h: "$8",
        children: /* @__PURE__ */_jsxs(RenderVariants, {
          title: "Heading",
          children: [/* @__PURE__ */_jsx(Headline, {
            size: "small",
            children: "Small"
          }), /* @__PURE__ */_jsx(Headline, {
            size: "medium",
            children: "Medium"
          }), /* @__PURE__ */_jsx(Headline, {
            size: "large",
            children: "Large"
          })]
        })
      }), /* @__PURE__ */_jsx(RenderStage, {
        h: "$8",
        children: /* @__PURE__ */_jsxs(RenderVariants, {
          title: "Title",
          children: [/* @__PURE__ */_jsx(Title, {
            size: "small",
            children: "Small"
          }), /* @__PURE__ */_jsx(Title, {
            size: "medium",
            children: "Medium"
          }), /* @__PURE__ */_jsx(Title, {
            size: "large",
            children: "Large"
          })]
        })
      }), /* @__PURE__ */_jsx(RenderStage, {
        h: "$8",
        children: /* @__PURE__ */_jsxs(RenderVariants, {
          title: "Body",
          children: [/* @__PURE__ */_jsx(Body, {
            size: "small",
            children: "Small"
          }), /* @__PURE__ */_jsx(Body, {
            size: "medium",
            children: "Medium"
          }), /* @__PURE__ */_jsx(Body, {
            size: "large",
            children: "Large"
          })]
        })
      }), /* @__PURE__ */_jsx(RenderStage, {
        h: "$8",
        children: /* @__PURE__ */_jsxs(RenderVariants, {
          title: "Label",
          children: [/* @__PURE__ */_jsx(Label, {
            size: "small",
            children: "Small"
          }), /* @__PURE__ */_jsx(Label, {
            size: "medium",
            children: "Medium"
          }), /* @__PURE__ */_jsx(Label, {
            size: "large",
            children: "Large"
          })]
        })
      })]
    });
  };
export { Typographies, Typography_stories_default as default };
//# sourceMappingURL=Typography.stories.native.js.map
