{"version":3,"file":"CategoryBadge.P2aaJcpl.mjs","names":[],"sources":["https:/framerusercontent.com/modules/vlThGen2W5J3f1aR2kHI/ttiKTSyoVghTimXZJXT0/CategoryBadge.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";// Farb-Mapping pro Kategorie. Matching ist case-insensitive und\n// erkennt Teilstrings, damit z.B. \"SEO & Sichtbarkeit\" auf \"seo\" matcht.\n// Die Farben sind aus den jeweiligen Kategoriebannern abgeleitet\n// und auf gute Lesbarkeit auf weißem/hellgrauem Grund abgestimmt.\nconst CATEGORY_COLORS=[{match:\"seo\",color:\"rgb(71, 158, 71)\"},{match:\"b2b\",color:\"rgb(158, 136, 71)\"},{match:\"marketing\",color:\"rgb(158, 93, 71)\"},{match:\"news\",color:\"rgb(93, 71, 158)\"},{match:\"shopware\",color:\"rgb(71, 115, 158)\"}];const FALLBACK_COLOR=\"rgb(113, 113, 122)\"// neutrales Grau\n;function resolveColor(category){const c=(category||\"\").toLowerCase();for(const entry of CATEGORY_COLORS){if(c.includes(entry.match))return entry.color;}return FALLBACK_COLOR;}/**\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function CategoryBadge(props){const{category,backgroundColor,fontSize,fontWeight,style}=props;const color=resolveColor(category);return /*#__PURE__*/_jsxs(\"div\",{style:{display:\"inline-flex\",alignItems:\"center\",gap:8,backgroundColor,borderRadius:999,padding:\"7px 14px 7px 12px\",width:\"fit-content\",...style},children:[/*#__PURE__*/_jsx(\"span\",{style:{width:7,height:7,borderRadius:999,backgroundColor:color,flexShrink:0}}),/*#__PURE__*/_jsx(\"span\",{style:{color,fontSize,fontWeight,letterSpacing:\"0.08em\",textTransform:\"uppercase\",fontFamily:\"'Plus Jakarta Sans', sans-serif\",lineHeight:1.4,whiteSpace:\"nowrap\"},children:category})]});}CategoryBadge.defaultProps={category:\"Shopware\",backgroundColor:\"rgb(244, 244, 245)\",fontSize:13,fontWeight:600};addPropertyControls(CategoryBadge,{category:{type:ControlType.String,title:\"Kategorie\",defaultValue:\"Shopware\"},backgroundColor:{type:ControlType.Color,title:\"Hintergrund\",defaultValue:\"rgb(244, 244, 245)\"},fontSize:{type:ControlType.Number,title:\"Schriftgr\\xf6\\xdfe\",defaultValue:13,min:8,max:24,step:1},fontWeight:{type:ControlType.Number,title:\"Schriftst\\xe4rke\",defaultValue:600,min:100,max:900,step:100}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CategoryBadge\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CategoryBadge.map"],"mappings":"mKAKC,SAAS,EAAa,EAAS,CAAC,IAAM,GAAG,GAAU,IAAI,aAAa,CAAC,IAAI,IAAM,KAAS,EAAiB,GAAG,EAAE,SAAS,EAAM,MAAM,CAAC,OAAO,EAAM,MAAO,OAAO,EAG7J,SAAwB,EAAc,EAAM,CAAC,GAAK,CAAC,WAAS,kBAAgB,WAAS,aAAW,SAAO,EAAY,EAAM,EAAa,EAAS,CAAC,OAAoB,EAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,cAAc,WAAW,SAAS,IAAI,EAAE,kBAAgB,aAAa,IAAI,QAAQ,oBAAoB,MAAM,cAAc,GAAG,EAAM,CAAC,SAAS,CAAc,EAAK,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,aAAa,IAAI,gBAAgB,EAAM,WAAW,EAAE,CAAC,CAAC,CAAc,EAAK,OAAO,CAAC,MAAM,CAAC,QAAM,WAAS,aAAW,cAAc,SAAS,cAAc,YAAY,WAAW,kCAAkC,WAAW,IAAI,WAAW,SAAS,CAAC,SAAS,EAAS,CAAC,CAAC,CAAC,CAAC,sBARnlB,IAAoD,CAIvG,EAAgB,CAAC,CAAC,MAAM,MAAM,MAAM,mBAAmB,CAAC,CAAC,MAAM,MAAM,MAAM,oBAAoB,CAAC,CAAC,MAAM,YAAY,MAAM,mBAAmB,CAAC,CAAC,MAAM,OAAO,MAAM,mBAAmB,CAAC,CAAC,MAAM,WAAW,MAAM,oBAAoB,CAAC,CAAO,EAAe,qBAIgZ,EAAc,aAAa,CAAC,SAAS,WAAW,gBAAgB,qBAAqB,SAAS,GAAG,WAAW,IAAI,CAAC,EAAoB,EAAc,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,WAAW,CAAC,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,cAAc,aAAa,qBAAqB,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,eAAqB,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,CAAC,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAmB,aAAa,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,CAAC,CAAC"}