import { Stack } from "tamagui";
import { RenderStage, RenderVariants } from "./storybook-utils.mjs";
import { Body, Display, Headline, Label, Title } from "./typography.mjs";
import { jsx, jsxs } from "react/jsx-runtime";
var Typography_stories_default = {};
const Typographies = () => /* @__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.mjs.map
