import StyleDictionary from "style-dictionary";

StyleDictionary.registerTransform({
  name: "value/shadow",
  type: "value",
  transitive: true,
  matcher: (token) => token.attributes.category === "shadow",
  transformer({
    value: {
      offsetX,
      offsetY,
      blur,
      spread,
      color,
      inset,
    },
  }) {
    return `${offsetX || 0} ${offsetY || 0} ${blur || 0} ${spread || 0} ${color}${inset ? " inset" : ""}`;
  },
});