@playbooks/ui/dist/avatars.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 Avatar = ({ name = "Avatar", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.avatar();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
const AvatarBadge = ({
  name = "AvatarBadge",
  size = "sm",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.avatarBadge({ size });
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
const AvatarImg = ({
  name = "AvatarImg",
  alt = "thumbnail",
  size = "md",
  tailwind,
  className,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.avatarImg({ size });
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Img, { alt, ...computed });
};
const AvatarBody = ({ name = "AvatarBody", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.avatarBody();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
const AvatarTitle = ({
  name = "AvatarTitle",
  size = "h6",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.avatarTitle();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Font, { size, ...computed, children });
};
const AvatarText = ({ name = "AvatarText", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.avatarText();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.P, { ...computed, children });
};
const AvatarActions = ({
  name = "AvatarActions",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.avatarActions();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
exports.Avatar = Avatar;
exports.AvatarActions = AvatarActions;
exports.AvatarBadge = AvatarBadge;
exports.AvatarBody = AvatarBody;
exports.AvatarImg = AvatarImg;
exports.AvatarText = AvatarText;
exports.AvatarTitle = AvatarTitle;