@playbooks/ui/dist/alerts.cjs

An interface library for Playbooks.

"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const require$$0 = require("react/jsx-runtime");
const html = require("./toast-context-kVz4KXNu.cjs");
const Alert = ({ type = "info", name = "Alert", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.alert({ type });
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
const AlertIcon = ({
  type = "fad",
  name = "AlertIcon",
  icon = "exclamation-circle",
  tailwind,
  className,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.alertIcon();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Icon, { type, icon, ...computed });
};
const AlertBody = ({ name = "AlertBody", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.alertBody();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
const AlertTitle = ({
  name = "AlertTitle",
  size = "h6",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.alertTitle();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Font, { size, ...computed, children });
};
const AlertText = ({ name = "AlertText", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.alertText();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.P, { ...computed, children });
};
const AlertActions = ({
  name = "AlertActions",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.alertActions();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
exports.Alert = Alert;
exports.AlertActions = AlertActions;
exports.AlertBody = AlertBody;
exports.AlertIcon = AlertIcon;
exports.AlertText = AlertText;
exports.AlertTitle = AlertTitle;