@ultraviolet/illustrations/dist/components/WireIllustration/index.js

Ultraviolet Illustrations

"use client";
import { jsx } from "@emotion/react/jsx-runtime";
import _styled from "@emotion/styled/base";
import { useTheme } from "@emotion/react";
import { ILLUSTRATIONS } from "./__generated__/Illustrations.js";
const StyledIllustration = /* @__PURE__ */ _styled("svg", process.env.NODE_ENV === "production" ? {
  shouldForwardProp: (prop) => !["height", "width", "sentiment", "url", "theme"].includes(prop),
  target: "e1cubm9s0"
} : {
  shouldForwardProp: (prop) => !["height", "width", "sentiment", "url", "theme"].includes(prop),
  target: "e1cubm9s0",
  label: "StyledIllustration"
})("background-color:", ({
  theme,
  sentiment
}) => theme.colors[sentiment].icon, ';-webkit-mask:url("', ({
  url
}) => url, '") no-repeat center;mask:url("', ({
  url
}) => url, '") no-repeat center;mask-size:contain;width:', ({
  width
}) => typeof width === "number" ? `${width}px` : width, ";height:", ({
  height
}) => typeof height === "number" ? `${height}px` : height, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL2lsbHVzdHJhdGlvbnMvc3JjL2NvbXBvbmVudHMvV2lyZUlsbHVzdHJhdGlvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZUUiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvaWxsdXN0cmF0aW9ucy9zcmMvY29tcG9uZW50cy9XaXJlSWxsdXN0cmF0aW9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IGNvbnNvbGVMaWdodFRoZW1lIGFzIHRoZW1lIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3RoZW1lcydcbmltcG9ydCB7IElMTFVTVFJBVElPTlMgfSBmcm9tICcuL19fZ2VuZXJhdGVkX18vSWxsdXN0cmF0aW9ucydcblxuY29uc3QgU3R5bGVkSWxsdXN0cmF0aW9uID0gc3R5bGVkKCdzdmcnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+XG4gICAgIVsnaGVpZ2h0JywgJ3dpZHRoJywgJ3NlbnRpbWVudCcsICd1cmwnLCAndGhlbWUnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHtcbiAgaGVpZ2h0Pzogc3RyaW5nIHwgbnVtYmVyXG4gIHdpZHRoPzogc3RyaW5nIHwgbnVtYmVyXG4gIHNlbnRpbWVudDogQ29sb3JcbiAgdXJsPzogc3RyaW5nXG59PmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgc2VudGltZW50IH0pID0+IHRoZW1lLmNvbG9yc1tzZW50aW1lbnRdLmljb259O1xuICAtd2Via2l0LW1hc2s6IHVybChcIiR7KHsgdXJsIH0pID0+IHVybH1cIikgbm8tcmVwZWF0IGNlbnRlcjtcbiAgbWFzazogdXJsKFwiJHsoeyB1cmwgfSkgPT4gdXJsfVwiKSBuby1yZXBlYXQgY2VudGVyO1xuICBtYXNrLXNpemU6IGNvbnRhaW47XG4gIHdpZHRoOiAkeyh7IHdpZHRoIH0pID0+ICh0eXBlb2Ygd2lkdGggPT09ICdudW1iZXInID8gYCR7d2lkdGh9cHhgIDogd2lkdGgpfTtcbiAgaGVpZ2h0OiAkeyh7IGhlaWdodCB9KSA9PiAodHlwZW9mIGhlaWdodCA9PT0gJ251bWJlcicgPyBgJHtoZWlnaHR9cHhgIDogaGVpZ2h0KX07XG5cbmBcbnR5cGUgQ29sb3IgPSBFeHRyYWN0PFxuICBrZXlvZiB0eXBlb2YgdGhlbWUuY29sb3JzLFxuICB8ICdwcmltYXJ5J1xuICB8ICdzZWNvbmRhcnknXG4gIHwgJ25ldXRyYWwnXG4gIHwgJ3N1Y2Nlc3MnXG4gIHwgJ2RhbmdlcidcbiAgfCAnd2FybmluZydcbiAgfCAnaW5mbydcbj5cblxuZXhwb3J0IHR5cGUgSWxsdXN0cmF0aW9uV2lyZVByb3AgPSB7XG4gIC8qKlxuICAgKiBXaWR0aCBvZiB0aGUgaWxsdXN0cmF0aW9uXG4gICAqL1xuICB3aWR0aD86IHN0cmluZyB8IG51bWJlclxuICAvKipcbiAgICogSGVpZ2h0IG9mIHRoZSBpbGx1c3RyYXRpb25cbiAgICovXG4gIGhlaWdodD86IHN0cmluZyB8IG51bWJlclxuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBzZW50aW1lbnQ/OiBDb2xvclxuICBuYW1lOiBrZXlvZiB0eXBlb2YgSUxMVVNUUkFUSU9OU1xufVxuXG4vKipcbiAqIER5bmFtaWNJbGx1c3RyYXRpb24gaXMgYSBjb21wb25lbnQgbWFkZSB0byBhdXRvbWF0ZSB0aGUgcmVuZGVyIG9mIGlsbHVzdHJhdGlvbnMgdG8gYWRhcHQgdGhlbSB0byB0aGUgY3VycmVudCB0aGVtZSAobGlnaHQvZGFyay9kYXJrZXIpLlxuICovXG5leHBvcnQgY29uc3QgV2lyZUlsbHVzdHJhdGlvbiA9ICh7XG4gIHdpZHRoID0gMTAwLFxuICBoZWlnaHQgPSAxMDAsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIGNsYXNzTmFtZSxcbiAgc2VudGltZW50ID0gJ25ldXRyYWwnLFxuICBuYW1lLFxufTogSWxsdXN0cmF0aW9uV2lyZVByb3ApID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSWxsdXN0cmF0aW9uXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgIHRoZW1lPXt0aGVtZX1cbiAgICAgIHVybD17SUxMVVNUUkFUSU9OU1tuYW1lXX1cbiAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAvPlxuICApXG59XG4iXX0= */"));
const WireIllustration = ({
  width = 100,
  height = 100,
  "data-testid": dataTestId,
  className,
  sentiment = "neutral",
  name
}) => {
  const theme = useTheme();
  return /* @__PURE__ */ jsx(StyledIllustration, { className, "data-testid": dataTestId, height, sentiment, theme, url: ILLUSTRATIONS[name], width });
};
export {
  WireIllustration
};