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 components_stories_exports = {};
__export(components_stories_exports, {
  Overview: () => Overview,
  default: () => components_stories_default
});
module.exports = __toCommonJS(components_stories_exports);
var import_jsx_runtime = require("react/jsx-runtime"), import_icons_ui = require("@truststack/icons-ui"), import_tamagui = require("tamagui"), import_Alert = require("../Alert"), import_Button = require("../Button"), import_Card = require("../Card"), import_Chip = require("../Chip"), import_Divider = require("../Divider"), import_IconButton = require("../IconButton"), import_Search = require("../Search"), import_Spinner = require("../Spinner"), components_stories_default = {
  title: "Component Library/Component Overview",
  decorators: [
    function(Story) {
      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {
        maw: 1200,
        m: "auto",
        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Story, {})
      });
    }
  ]
};
var Overview = function() {
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.View, {
    dsp: "flex",
    gap: "$4",
    bg: "$background",
    p: "$2",
    children: [
      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
        gap: "$4",
        children: [
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Card.Card, {
            w: 300,
            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Card.Card.Header, {
              children: [
                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Card.Card.Headline, {
                  children: "Elevated"
                }),
                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Card.Card.Subheader, {
                  children: "Subheader"
                })
              ]
            })
          }),
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Card.Card, {
            variant: "filled",
            w: 300,
            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Card.Card.Header, {
              children: [
                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Card.Card.Headline, {
                  children: "Filled"
                }),
                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Card.Card.Subheader, {
                  children: "Subheader"
                })
              ]
            })
          }),
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Card.Card, {
            variant: "outlined",
            w: 300,
            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Card.Card.Header, {
              children: [
                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Card.Card.Headline, {
                  children: "Outlined"
                }),
                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Card.Card.Subheader, {
                  children: "Subheader"
                })
              ]
            })
          })
        ]
      }),
      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Divider.Divider, {}),
      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
        gap: "$4",
        children: [
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button, {
            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
              children: "Button"
            })
          }),
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button, {
            variant: "outlined",
            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
              children: "Button"
            })
          }),
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button, {
            variant: "tonal",
            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
              children: "Button"
            })
          }),
          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Button.Button, {
            variant: "elevated",
            children: [
              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button.Icon, {
                icon: import_icons_ui.Check
              }),
              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
                children: "Button"
              })
            ]
          }),
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button, {
            variant: "text",
            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
              children: "Button"
            })
          })
        ]
      }),
      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
        gap: "$4",
        children: [
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_IconButton.IconButton, {
            variant: "filled",
            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_IconButton.IconButton.Icon, {
              icon: import_icons_ui.Heart
            })
          }),
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_IconButton.IconButton, {
            variant: "filled-tonal",
            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_IconButton.IconButton.Icon, {
              icon: import_icons_ui.Heart
            })
          }),
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_IconButton.IconButton, {
            variant: "outlined",
            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_IconButton.IconButton.Icon, {
              icon: import_icons_ui.Heart
            })
          }),
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_IconButton.IconButton, {
            variant: "standard",
            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_IconButton.IconButton.Icon, {
              icon: import_icons_ui.Heart
            })
          })
        ]
      }),
      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
        gap: "$4",
        children: [
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Spinner.Spinner, {}),
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Spinner.Spinner, {
            size: "large"
          })
        ]
      }),
      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
        gap: "$4",
        children: [
          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Chip.Chip, {
            children: [
              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Chip.Chip.Icon, {
                icon: import_icons_ui.Calendar
              }),
              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Chip.Chip.Text, {
                children: "Assist"
              })
            ]
          }),
          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Chip.Chip, {
            variant: "filter",
            children: [
              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Chip.Chip.Icon, {
                icon: import_icons_ui.Check
              }),
              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Chip.Chip.Text, {
                children: "Filter"
              })
            ]
          }),
          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Chip.Chip, {
            variant: "input",
            children: [
              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Chip.Chip.Text, {
                children: "Input"
              }),
              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Chip.Chip.Icon, {
                icon: import_icons_ui.X
              })
            ]
          }),
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Chip.Chip, {
            variant: "suggestion",
            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Chip.Chip.Text, {
              children: "Suggestion"
            })
          })
        ]
      }),
      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Search.SearchBar, {})
      }),
      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
        gap: "$4",
        children: [
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Alert.Alert, {
            severity: "info",
            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Alert.Alert.Container, {
              children: [
                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Alert.Alert.Heading, {
                  children: "Info"
                }),
                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Alert.Alert.Text, {
                  children: "Alert info text."
                })
              ]
            })
          }),
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Alert.Alert, {
            severity: "warning",
            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Alert.Alert.Container, {
              children: [
                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Alert.Alert.Heading, {
                  children: "Warning"
                }),
                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Alert.Alert.Text, {
                  children: "Alert warning text."
                })
              ]
            })
          }),
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Alert.Alert, {
            severity: "success",
            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Alert.Alert.Container, {
              children: [
                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Alert.Alert.Heading, {
                  children: "Success"
                }),
                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Alert.Alert.Text, {
                  children: "Alert success text."
                })
              ]
            })
          }),
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Alert.Alert, {
            severity: "error",
            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Alert.Alert.Container, {
              children: [
                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Alert.Alert.Heading, {
                  children: "Error"
                }),
                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Alert.Alert.Text, {
                  children: "Alert error text."
                })
              ]
            })
          })
        ]
      }),
      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
        gap: "$4",
        ai: "center",
        children: [
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H1, {
            children: "H1"
          }),
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, {
            children: "H2"
          }),
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H3, {
            children: "H3"
          }),
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H4, {
            children: "H4"
          }),
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {
            children: "H5"
          }),
          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H6, {
            children: "H6"
          })
        ]
      }),
      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
        children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
      })
    ]
  });
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  Overview
});
//# sourceMappingURL=components.stories.js.map
