"use strict";
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  // If the importer is in node compatibility mode or this is not an ESM
  // file that has been converted to a CommonJS file using a Babel-
  // compatible transform (i.e. "__esModule" has not been set), then set
  // "default" to the CommonJS "module.exports" for node compatibility.
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
  mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var Text_stories_exports = {};
__export(Text_stories_exports, {
  Default: () => Default,
  Overview: () => Overview,
  default: () => Text_stories_default
});
module.exports = __toCommonJS(Text_stories_exports);
var import_react = __toESM(require("react"));
var import_index = __toESM(require("./index"));
var import_Flex = __toESM(require("../../layout/Flex"));
const headerVariants = ["h1", "h2", "h3", "h4", "h5"];
const mainVariants = [
  "large",
  "largeLineHeight",
  "body",
  "bodyLineHeight",
  "paragraph",
  "paragraphLineHeight",
  "small",
  "extraSmall",
  "tiny",
  "micro"
];
const subtitleVariants = ["subtitle"];
const variants = [...headerVariants, ...mainVariants, ...subtitleVariants];
const makeIsInCategory = (variantsArray) => (variant) => variantsArray.includes(variant);
const isHeader = makeIsInCategory(headerVariants);
const isSubtitle = makeIsInCategory(subtitleVariants);
const mainFontWeights = ["medium", "semiBold", "bold"];
const fontWeights = [void 0, "extraLight", "light", "regular", ...mainFontWeights, "extraBold"];
var Text_stories_default = {
  title: "Asorted/Typography/Text",
  component: import_index.default,
  parameters: { actions: { argTypesRegex: false } },
  argTypes: {
    variant: {
      options: [void 0, ...variants],
      control: {
        type: "radio"
      }
    },
    fontWeight: {
      options: [void 0, ...fontWeights],
      control: {
        type: "radio"
      }
    },
    content: {
      type: "text"
    }
  }
};
const Overview = (() => {
  return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { flexDirection: "column" }, variants.map((variant) => {
    const fontWeightsToShow = isHeader(variant) ? ["medium"] : isSubtitle(variant) ? ["semiBold"] : mainFontWeights;
    const decorationsToShow = isHeader(variant) || isSubtitle(variant) ? ["none"] : ["none", "underline"];
    return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { flexDirection: "row", columnGap: 8, mb: 8 }, /* @__PURE__ */ import_react.default.createElement("div", { style: { minWidth: 250 } }, /* @__PURE__ */ import_react.default.createElement(import_index.default, { variant: "small", color: "neutral.c90" }, 'variant="', variant, '"'), /* @__PURE__ */ import_react.default.createElement("br", null), /* @__PURE__ */ import_react.default.createElement(import_index.default, { variant: "tiny", color: "neutral.c70" }, "fontWeights: ", JSON.stringify(fontWeightsToShow))), fontWeightsToShow.flatMap(
      (fontWeight) => decorationsToShow.map((textDecorationLine) => /* @__PURE__ */ import_react.default.createElement("div", { style: { flex: 1 } }, /* @__PURE__ */ import_react.default.createElement(import_index.default, { variant, fontWeight, style: { textDecorationLine } }, "Lend stablecoins to the Compound protocol...")))
    ));
  }));
}).bind({});
const Template = (args) => /* @__PURE__ */ import_react.default.createElement(import_index.default, { ...args }, args.content);
const Default = Template.bind({});
Default.args = {
  type: "h1",
  content: "Lend stablecoins to the Compound protocol..."
};
//# sourceMappingURL=Text.stories.js.map
