import { jsx as r } from "react/jsx-runtime";
/* empty css                 */
import "react";
import { ComponentContainer as s } from "./index-ComponentContainer.js";
import { Text as i, FontWeights as a } from "./index-Text.js";
const f = (t) => {
  const {
    type: e = "info",
    children: n
  } = t, o = (c) => {
    switch (c) {
      case "danger":
        return "--e900";
      case "info":
        return "--p900";
      case "warn":
        return "--e900";
      case "success":
        return "--s500";
      default:
        return "--p900";
    }
  };
  return r(s, {
    className: "Alert-container",
    children: r("div", {
      className: `rc-alert rc-alert-${e}`,
      children: r(i, {
        color: o(e),
        fontWeight: a.bold,
        children: n
      })
    })
  });
};
export {
  f as Alert
};
