import { jsxs as a, jsx as e } from "react/jsx-runtime";
import { classNames as m } from "./index-classNames.js";
import { ComponentContainer as p } from "./index-ComponentContainer.js";
import { Icon as r, IconSize as t } from "./index-Icon.js";
import { IconNames as n } from "./index-IconNames.js";
import { Text as d } from "./index-Text.js";
import "react";
import o from "./index-LineAlert.module.scss.js";
const w = (c) => {
  const {
    children: i,
    type: l = "info"
  } = c;
  function s() {
    switch (l) {
      case "danger":
        return e(r, {
          testId: "line-alert-icon",
          color: "--e500",
          type: t.small,
          hasCircle: !0,
          children: n.exclamation
        });
      case "warning":
        return e(r, {
          testId: "line-alert-icon",
          color: "--w500",
          type: t.large,
          hasCircle: !1,
          children: n.warning
        });
      case "success":
        return e(r, {
          testId: "line-alert-icon",
          color: "--s500",
          type: t.small,
          hasCircle: !0,
          children: n.check
        });
      case "info":
      default:
        return e(r, {
          testId: "line-alert-icon",
          color: "--i500",
          type: t.small,
          hasCircle: !0,
          children: n.exclamation
        });
    }
  }
  return a(p, {
    className: m(o.lineAlert, o[l]),
    children: [s(), e(d, {
      className: o.text,
      children: i
    })]
  });
};
export {
  w as LineAlert
};
