@playbooks/ui/dist/tags.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 Tags = ({ name = "Tags", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.tags();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
const Tag = ({ name = "Tag", size = "md", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.tag({ size });
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
const TagImg = ({
  name = "TagImg",
  size = "md",
  src,
  alt = "tag image",
  tailwind,
  className,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.tagImg({ size });
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Img, { src, alt, ...computed });
};
const TagBody = ({ name = "TagBody", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.tagBody();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
const TagActions = ({ name = "TagActions", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.tagActions();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
exports.Tag = Tag;
exports.TagActions = TagActions;
exports.TagBody = TagBody;
exports.TagImg = TagImg;
exports.Tags = Tags;