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

// ../src/components/mask/mask.tsx
import { jsx } from "preact/jsx-runtime";
var Mask = ({ image, variant, classNames, attributes }) => {
  const componentClassName = "ds-mask";
  const classes = formatClassString([
    componentClassName,
    variant ? `${componentClassName}--${variant}` : "",
    classNames
  ]);
  const maskStyle = {
    clipPath: `url(#${variant})`
  };
  return /* @__PURE__ */ jsx("div", { className: classes, ...attributes, children: /* @__PURE__ */ jsx("div", { style: maskStyle, className: `${componentClassName}__image-wrapper`, children: image }) });
};
export {
  Mask
};
//# sourceMappingURL=mask.js.map
