import { YStack } from "tamagui";
import { Alert } from "./Alert.mjs";
import { RenderStage, RenderVariants } from "./storybook-utils.mjs";
import { jsx, jsxs } from "react/jsx-runtime";
var Alert_stories_default = {
  component: Alert
};
const Variants = () => /* @__PURE__ */jsx(YStack, {
  gap: "$4",
  children: /* @__PURE__ */jsx(RenderStage, {
    children: /* @__PURE__ */jsxs(RenderVariants, {
      title: "standard",
      children: [/* @__PURE__ */jsx(Alert, {
        severity: "info",
        children: /* @__PURE__ */jsxs(Alert.Container, {
          children: [/* @__PURE__ */jsx(Alert.Heading, {
            children: "Info"
          }), /* @__PURE__ */jsx(Alert.Text, {
            children: "Alert info text."
          })]
        })
      }), /* @__PURE__ */jsx(Alert, {
        severity: "warning",
        children: /* @__PURE__ */jsxs(Alert.Container, {
          children: [/* @__PURE__ */jsx(Alert.Heading, {
            children: "Warning"
          }), /* @__PURE__ */jsx(Alert.Text, {
            children: "Alert warning text."
          })]
        })
      }), /* @__PURE__ */jsx(Alert, {
        severity: "success",
        children: /* @__PURE__ */jsxs(Alert.Container, {
          children: [/* @__PURE__ */jsx(Alert.Heading, {
            children: "Success"
          }), /* @__PURE__ */jsx(Alert.Text, {
            children: "Alert success text."
          })]
        })
      }), /* @__PURE__ */jsx(Alert, {
        severity: "error",
        children: /* @__PURE__ */jsxs(Alert.Container, {
          children: [/* @__PURE__ */jsx(Alert.Heading, {
            children: "Error"
          }), /* @__PURE__ */jsx(Alert.Text, {
            children: "Alert error text."
          })]
        })
      })]
    })
  })
});
export { Variants, Alert_stories_default as default };
//# sourceMappingURL=Alert.stories.mjs.map
