{"version":3,"file":"BlogCategories.D0CD3Lzb.mjs","names":["useMemo"],"sources":["https:/framerusercontent.com/modules/JRNj4MWLxdECYTtiiGh7/UC5hKQot6pDHHh3ienWY/BlogCategories.js"],"sourcesContent":["// Categories component for displaying comma-separated categories from CMS\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{useMemo}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function Categories(props){const{categoriesString=\"Technology, Web Development, React\",categoryFont,categoryColor,categoryBackgroundColor,backgroundColor,padding=\"20px\",style}=props;const categories=useMemo(()=>{return categoriesString.split(\",\").map(category=>category.trim()).filter(category=>category.length>0);},[categoriesString]);const isFixedWidth=style?.width===\"100%\";return /*#__PURE__*/_jsx(\"div\",{style:{...style,position:\"relative\",backgroundColor,padding,...isFixedWidth?{}:{minWidth:\"max-content\"}},children:categories.length>0&&/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexWrap:\"wrap\",gap:\"8px\"},children:categories.map((category,index)=>/*#__PURE__*/_jsx(\"span\",{style:{...categoryFont,color:categoryColor,backgroundColor:categoryBackgroundColor,padding:\"6px 12px\",borderRadius:\"16px\",fontSize:\"14px\",fontWeight:\"500\",textTransform:\"uppercase\",letterSpacing:\"0.5px\"},children:category},index))})});}addPropertyControls(Categories,{categoriesString:{type:ControlType.String,title:\"Categories (comma-separated)\",defaultValue:\"Technology, Web Development, React\",placeholder:\"Category 1, Category 2, Category 3\"},padding:{type:ControlType.Padding,title:\"Padding\",defaultValue:\"20px\"},categoryFont:{type:ControlType.Font,title:\"Category Font\",defaultValue:{fontSize:\"12px\",variant:\"Semibold\",letterSpacing:\"0.5px\",lineHeight:\"1em\"},controls:\"extended\",defaultFontType:\"sans-serif\"},categoryColor:{type:ControlType.Color,title:\"Category Text Color\",defaultValue:\"#000000\"},categoryBackgroundColor:{type:ControlType.Color,title:\"Category Background\",defaultValue:\"#F5F5F5\"},backgroundColor:{type:ControlType.Color,title:\"Background Color\",defaultValue:\"#FFFFFF\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Categories\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./BlogCategories.map"],"mappings":"0KAIG,SAAwB,EAAW,EAAM,CAAC,GAAK,CAAC,mBAAiB,qCAAqC,eAAa,gBAAc,0BAAwB,kBAAgB,UAAQ,OAAO,SAAO,EAAY,EAAWA,MAAoB,EAAiB,MAAM,GAAG,CAAC,CAAC,IAAI,GAAU,EAAS,KAAK,CAAC,CAAC,CAAC,OAAO,GAAU,EAAS,OAAO,CAAC,EAAI,CAAC,CAAgB,CAAC,EAAQ,EAAa,GAAO,QAAQ,OAAO,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAM,SAAS,WAAW,kBAAgB,UAAQ,GAAG,EAAa,CAAC,EAAE,CAAC,SAAS,aAAa,CAAC,EAAE,SAAS,EAAW,OAAO,GAAgB,EAAK,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,SAAS,OAAO,IAAI,KAAK,EAAE,SAAS,EAAW,KAAK,EAAS,IAAqB,EAAK,OAAO,CAAC,MAAM,CAAC,GAAG,EAAa,MAAM,EAAc,gBAAgB,EAAwB,QAAQ,WAAW,aAAa,OAAO,SAAS,OAAO,WAAW,MAAM,cAAc,YAAY,cAAc,OAAO,EAAE,SAAS,CAAQ,EAAE,CAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,iBAHj4B,IAA2B,IAAoD,EAGmzB,EAAoB,EAAW,CAAC,iBAAiB,CAAC,KAAK,EAAY,OAAO,MAAM,+BAA+B,aAAa,qCAAqC,YAAY,oCAAoC,EAAE,QAAQ,CAAC,KAAK,EAAY,QAAQ,MAAM,UAAU,aAAa,MAAM,EAAE,aAAa,CAAC,KAAK,EAAY,KAAK,MAAM,gBAAgB,aAAa,CAAC,SAAS,OAAO,QAAQ,WAAW,cAAc,QAAQ,WAAW,KAAK,EAAE,SAAS,WAAW,gBAAgB,YAAY,EAAE,cAAc,CAAC,KAAK,EAAY,MAAM,MAAM,sBAAsB,aAAa,SAAS,EAAE,wBAAwB,CAAC,KAAK,EAAY,MAAM,MAAM,sBAAsB,aAAa,SAAS,EAAE,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,mBAAmB,aAAa,SAAS,CAAC,CAAC"}