@playbooks/ui/dist/feedbacks.es.js

An interface library for Playbooks.

import { jsx } from "react/jsx-runtime";
import { useUI } from "./context.es.js";
import { Small, Font, P } from "./fonts.es.js";
import { Div } from "./html.es.js";
import { Icon } from "./icons.es.js";
const Feedback = ({ name = "Feedback", tailwind, className, children, ...props }) => {
  const context = useUI();
  const base = context?.theme?.feedback();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ jsx(Div, { ...computed, children });
};
const FeedbackHeader = ({
  name = "FeedbackHeader",
  tailwind,
  className,
  children,
  ...props
}) => {
  const context = useUI();
  const base = context?.theme?.feedbackHeader();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ jsx(Div, { ...computed, children });
};
const FeedbackIcon = ({
  name = "FeedbackIcon",
  type = "fad",
  icon,
  tailwind,
  className,
  ...props
}) => {
  const context = useUI();
  const base = context?.theme?.feedbackIcon();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ jsx(Icon, { type, icon, ...computed });
};
const FeedbackBody = ({
  name = "FeedbackBody",
  tailwind,
  className,
  children,
  ...props
}) => {
  const context = useUI();
  const base = context?.theme?.feedbackBody();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ jsx(Div, { ...computed, children });
};
const FeedbackPretitle = ({
  name = "SectionPretitle",
  tailwind,
  className,
  children,
  ...props
}) => {
  const context = useUI();
  const base = context?.theme?.feedbackPretitle();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ jsx(Small, { ...computed, children });
};
const FeedbackTitle = ({
  name = "FeedbackTitle",
  size = "h5",
  tailwind,
  className,
  children,
  ...props
}) => {
  const context = useUI();
  const base = context?.theme?.feedbackTitle();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ jsx(Font, { size, ...computed, children });
};
const FeedbackText = ({
  name = "FeedbackText",
  tailwind,
  className,
  children,
  ...props
}) => {
  const context = useUI();
  const base = context?.theme?.feedbackText();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ jsx(P, { ...computed, children });
};
const FeedbackActions = ({
  name = "FeedbackActions",
  tailwind,
  className,
  children,
  ...props
}) => {
  const context = useUI();
  const base = context?.theme?.feedbackActions();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ jsx(Div, { ...computed, children });
};
export {
  Feedback,
  FeedbackActions,
  FeedbackBody,
  FeedbackHeader,
  FeedbackIcon,
  FeedbackPretitle,
  FeedbackText,
  FeedbackTitle
};