@playbooks/ui/dist/prefooters.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 sections = require("./sections.cjs");
const Prefooter = ({ name = "Prefooter", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.prefooter();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(sections.Section, { ...computed, children });
};
const PrefooterBody = ({
  name = "PrefooterBody",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.prefooterBody();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
const PrefooterPretitle = ({
  name = "PrefooterPretitle",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.prefooterPretitle();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.H6, { ...computed, children });
};
const PrefooterTitle = ({
  name = "PrefooterTitle",
  size = "h2",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.prefooterTitle();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Font, { size, ...computed, children });
};
const PrefooterSubtitle = ({
  name = "PrefooterSubtitle",
  size = "h5",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.prefooterSubtitle();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Font, { size, ...computed, children });
};
const PrefooterText = ({
  name = "PrefooterText",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.prefooterText();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.P, { ...computed, children });
};
const PrefooterActions = ({
  name = "PrefooterActions",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.prefooterActions();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
exports.Prefooter = Prefooter;
exports.PrefooterActions = PrefooterActions;
exports.PrefooterBody = PrefooterBody;
exports.PrefooterPretitle = PrefooterPretitle;
exports.PrefooterSubtitle = PrefooterSubtitle;
exports.PrefooterText = PrefooterText;
exports.PrefooterTitle = PrefooterTitle;