// ../src/helpers/formatClassString.ts
var formatClassString = (classesArray) => {
  return classesArray.filter((x) => !!x).join(" ");
};

// ../src/foundations/icons/sprite.svg
import { h } from "preact";
import { jsx, jsxs } from "preact/jsx-runtime";

// ../src/components/icon-sprite/icon-sprite.tsx
import { jsx as jsx2 } from "preact/jsx-runtime";
var IconUse = ({ iconName, classNames, attributes }) => {
  const componentClassName = "ds-icon";
  const classes = formatClassString([
    componentClassName,
    `${componentClassName}--sprite`,
    `${componentClassName}--${iconName}`,
    classNames
  ]);
  return /* @__PURE__ */ jsx2("i", { className: classes, ...attributes, children: /* @__PURE__ */ jsx2("svg", { children: /* @__PURE__ */ jsx2("use", { xlinkHref: `#ds-${iconName}` }) }) });
};

// ../src/components/pictogram/pictogram.tsx
import { jsx as jsx3 } from "preact/jsx-runtime";
var Pictogram = ({
  variant = "brand",
  iconName,
  size = "small",
  classNames,
  attributes,
  forcePx
}) => {
  const componentClassName = "ds-pictogram";
  const classes = formatClassString([
    componentClassName,
    `${componentClassName}--${variant}`,
    `${componentClassName}--${size}`,
    forcePx && "ds-force-px",
    classNames
  ]);
  return /* @__PURE__ */ jsx3("div", { className: classes, ...attributes, "aria-hidden": "true", children: /* @__PURE__ */ jsx3(IconUse, { iconName }) });
};
export {
  Pictogram
};
//# sourceMappingURL=pictogram.js.map
