{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/h3BF6HY0thIqjH6QKGtN/XAM6mxhtSSpLfnrcGXhL/Topic_Chips.js"],
  "sourcesContent": ["// Welcome to Code in Framer\n// Get Started: https://www.framer.com/developers/\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function TopicChips(props){// This is a React component containing an Example component\n// - Replace <Example /> with your own code\n// - Find inspiration: https://www.framer.com/developers/\nfunction turnToArray(topics){const array=topics.split(\", \");return array;}return /*#__PURE__*/_jsx(\"div\",{style:chipsContainer,children:turnToArray(props.text).map((topic,i)=>/*#__PURE__*/_jsx(\"p\",{style:chipStyle,children:topic},i))});}TopicChips.defaultProps={text:\"Thema, Thema, Thema\"};addPropertyControls(TopicChips,{text:{type:ControlType.String,title:\"T\\xe4tigkeitsbereiche\"},font:{type:\"font\"}});// Styles are written in object syntax\n// Learn more: https://reactjs.org/docs/dom-elements.html#style\nconst chipsContainer={width:\"100%\",display:\"flex\",gap:\"15px 20px\",justifyContent:\"center\",flexWrap:\"wrap\"};const chipStyle={fontSize:\"14px\",lineHeight:\"20px\",padding:\"4px 15px\",borderRadius:\"30px\",border:\"1px solid #2268E9\",color:\"#2268E9\",margin:\"0\"};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TopicChips\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Topic_Chips.map"],
  "mappings": "yFAQkB,SAARA,EAA4BC,EAAM,CAG5C,SAASC,EAAYC,EAAO,CAAgC,OAAnBA,EAAO,MAAM,IAAI,CAAe,CAAC,OAAoBC,EAAK,MAAM,CAAC,MAAMC,EAAe,SAASH,EAAYD,EAAM,IAAI,EAAE,IAAI,CAACK,EAAMC,IAAiBH,EAAK,IAAI,CAAC,MAAMI,EAAU,SAASF,CAAK,EAAEC,CAAC,CAAC,CAAC,CAAC,CAAE,CAACP,EAAW,aAAa,CAAC,KAAK,qBAAqB,EAAES,EAAoBT,EAAW,CAAC,KAAK,CAAC,KAAKU,EAAY,OAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,KAAK,MAAM,CAAC,CAAC,EAElZ,IAAML,EAAe,CAAC,MAAM,OAAO,QAAQ,OAAO,IAAI,YAAY,eAAe,SAAS,SAAS,MAAM,EAAQG,EAAU,CAAC,SAAS,OAAO,WAAW,OAAO,QAAQ,WAAW,aAAa,OAAO,OAAO,oBAAoB,MAAM,UAAU,OAAO,GAAG",
  "names": ["TopicChips", "props", "turnToArray", "topics", "p", "chipsContainer", "topic", "i", "chipStyle", "addPropertyControls", "ControlType"]
}