@playbooks/ui/dist/cards.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 Card = ({ name = "Card", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.card();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
const CardHeader = ({ name = "CardHeader", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.cardHeader();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
const CardIcon = ({
  name = "CardIcon",
  type = "fad",
  icon = "code",
  tailwind,
  className,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.cardIcon();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Icon, { type, icon, ...computed });
};
const CardImg = ({
  name = "CardImg",
  alt = "thumbnail",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.cardImg();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Img, { alt, ...computed });
};
const CardBody = ({ name = "CardBody", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.cardBody();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
const CardPretitle = ({
  name = "CardPretitle",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.cardPretitle();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.P, { ...computed, children });
};
const CardTitle = ({
  name = "CardTitle",
  size = "h6",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.cardTitle();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Font, { size, ...computed, children });
};
const CardSubtitle = ({
  name = "CardSubtitle",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.cardSubtitle();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.P, { ...computed, children });
};
const CardText = ({ name = "CardText", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.cardText();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.P, { ...computed, children });
};
const CardFooter = ({ name = "CardFooter", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.cardFooter();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
const CardActions = ({
  name = "CardActions",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.cardActions();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
exports.Card = Card;
exports.CardActions = CardActions;
exports.CardBody = CardBody;
exports.CardFooter = CardFooter;
exports.CardHeader = CardHeader;
exports.CardIcon = CardIcon;
exports.CardImg = CardImg;
exports.CardPretitle = CardPretitle;
exports.CardSubtitle = CardSubtitle;
exports.CardText = CardText;
exports.CardTitle = CardTitle;