@playbooks/ui/dist/feedbacks.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 Feedback = ({ name = "Feedback", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.feedback();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
const FeedbackHeader = ({
  name = "FeedbackHeader",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.feedbackHeader();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
const FeedbackIcon = ({
  name = "FeedbackIcon",
  type = "fad",
  icon,
  tailwind,
  className,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.feedbackIcon();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Icon, { type, icon, ...computed });
};
const FeedbackBody = ({
  name = "FeedbackBody",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.feedbackBody();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
const FeedbackPretitle = ({
  name = "SectionPretitle",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.feedbackPretitle();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Small, { ...computed, children });
};
const FeedbackTitle = ({
  name = "FeedbackTitle",
  size = "h5",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.feedbackTitle();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Font, { size, ...computed, children });
};
const FeedbackText = ({
  name = "FeedbackText",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.feedbackText();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.P, { ...computed, children });
};
const FeedbackActions = ({
  name = "FeedbackActions",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.feedbackActions();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
exports.Feedback = Feedback;
exports.FeedbackActions = FeedbackActions;
exports.FeedbackBody = FeedbackBody;
exports.FeedbackHeader = FeedbackHeader;
exports.FeedbackIcon = FeedbackIcon;
exports.FeedbackPretitle = FeedbackPretitle;
exports.FeedbackText = FeedbackText;
exports.FeedbackTitle = FeedbackTitle;