@playbooks/ui/dist/footers.cjs

An interface library for Playbooks.

"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const require$$0 = require("react/jsx-runtime");
const transforms = require("./transforms-Ca9m4pGF.cjs");
const html = require("./toast-context-kVz4KXNu.cjs");
const links = require("./links.cjs");
const Footer = ({ name = "Footer", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.footer();
  const formatted = { ...base, ...props, ...tailwind };
  const filtered = transforms.computeProps(props);
  return /* @__PURE__ */ require$$0.jsx(transforms.Footer, { name, tailwind: formatted, className, ...filtered, children });
};
const FooterHeader = ({
  name = "FooterHeader",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.footerHeader();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
const FooterBody = ({ name = "FooterBody", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.footerBody();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
const FooterTitle = ({
  name = "FooterTitle",
  size = "h6",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.footerTitle();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Font, { size, ...computed, children });
};
const FooterText = ({ name = "FooterText", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.footerText();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.P, { ...computed, children });
};
const FooterList = ({ name = "FooterList", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.footerList();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Ul, { ...computed, children });
};
const FooterItem = ({ name = "FooterItem", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.footerItem();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Li, { ...computed, children });
};
const FooterBtn = ({ name = "FooterBtn", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.footerBtn();
  const computed = { ...base, ...props, tailwind, className, children, name };
  return /* @__PURE__ */ require$$0.jsx(html.Btn, { variant: "text", ...computed });
};
const FooterLink = ({ name = "FooterLink", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.footerLink();
  const computed = { ...base, ...props, tailwind, className, children, name };
  return /* @__PURE__ */ require$$0.jsx(links.Link, { variant: "text", ...computed });
};
const FooterFooter = ({
  name = "FooterFooter",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.footerFooter();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
exports.Footer = Footer;
exports.FooterBody = FooterBody;
exports.FooterBtn = FooterBtn;
exports.FooterFooter = FooterFooter;
exports.FooterHeader = FooterHeader;
exports.FooterItem = FooterItem;
exports.FooterLink = FooterLink;
exports.FooterList = FooterList;
exports.FooterText = FooterText;
exports.FooterTitle = FooterTitle;