{"version":3,"file":"BlogCategories.Bo03PiRW.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,IAAI,CAAC,IAAI,GAAU,EAAS,MAAM,CAAC,CAAC,OAAO,GAAU,EAAS,OAAO,EAAE,CAAG,CAAC,EAAiB,CAAC,CAAO,EAAa,GAAO,QAAQ,OAAO,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAM,SAAS,WAAW,kBAAgB,UAAQ,GAAG,EAAa,EAAE,CAAC,CAAC,SAAS,cAAc,CAAC,CAAC,SAAS,EAAW,OAAO,GAAgB,EAAK,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,SAAS,OAAO,IAAI,MAAM,CAAC,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,QAAQ,CAAC,SAAS,EAAS,CAAC,EAAM,CAAC,CAAC,CAAC,CAAC,CAAC,kBAH/3B,IAA2B,IAAoD,CAGkzB,EAAoB,EAAW,CAAC,iBAAiB,CAAC,KAAK,EAAY,OAAO,MAAM,+BAA+B,aAAa,qCAAqC,YAAY,qCAAqC,CAAC,QAAQ,CAAC,KAAK,EAAY,QAAQ,MAAM,UAAU,aAAa,OAAO,CAAC,aAAa,CAAC,KAAK,EAAY,KAAK,MAAM,gBAAgB,aAAa,CAAC,SAAS,OAAO,QAAQ,WAAW,cAAc,QAAQ,WAAW,MAAM,CAAC,SAAS,WAAW,gBAAgB,aAAa,CAAC,cAAc,CAAC,KAAK,EAAY,MAAM,MAAM,sBAAsB,aAAa,UAAU,CAAC,wBAAwB,CAAC,KAAK,EAAY,MAAM,MAAM,sBAAsB,aAAa,UAAU,CAAC,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,mBAAmB,aAAa,UAAU,CAAC,CAAC"}