Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const require_chunk = require("../chunk-BN4qSVkS.cjs");
const require_styles_colors = require("../styles/colors.cjs");
const require_components_TextIconAligner = require("./TextIconAligner.cjs");
let _emotion_styled = require("@emotion/styled");
_emotion_styled = require_chunk.__toESM(_emotion_styled);
let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
//#region src/components/BlockAlert.tsx
function BlockAlert({ text, type = "info" }) {
	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(StyledBlockAlert, {
		type,
		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_components_TextIconAligner.TextIconAligner, {
			content: text,
			typography: { size: "ExtraSmall" },
			leftIcon: {
				name: type === "info" ? "Info" : type === "success" ? "CircleCheckOutline" : "ExclamationPoint",
				width: 16,
				mr: 12,
				color: type === "info" ? "info" : type === "success" ? "success" : "danger"
			}
		})
	});
}
const StyledBlockAlert = _emotion_styled.default.div`
  padding: 16px;
  border-radius: 6px;
  font-weight: 500;

  color: ${({ type, theme }) => type === "info" ? theme.info : type === "success" ? theme.success : theme.danger};

  background-color: ${({ type, theme }) => type === "info" ? require_styles_colors.hexToRGBAStr(theme.info, .1) : type === "success" ? require_styles_colors.hexToRGBAStr(theme.success, .1) : require_styles_colors.hexToRGBAStr(theme.danger, .1)};
`;
//#endregion
exports.BlockAlert = BlockAlert;
