{"version":3,"file":"index-BbdIk2bV.js","sources":["../../../app/javascript/components/AvailableProps/index.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Card, Nav, SectionSeparator, NavItem } from 'playbook-ui'\nimport GlobalProps from './globalProps'\nimport GlobalPropsValues from './globalPropsValues'\nimport KitProps from './kitProps'\n\ntype AvailablePropsType = {\n availableProps: any,\n darkMode: boolean\n}\n\nconst AvailableProps = ({ availableProps, darkMode }: AvailablePropsType) => {\n const props = JSON.parse(availableProps)\n const globalPropsNames = GlobalPropsValues.map(prop => prop.prop)\n const [showKitTab, setShowKitTab] = useState(true)\n\n for(var propName in props) {\n if(globalPropsNames.includes(propName)) {\n delete props[propName]\n }\n }\n\n return (\n <>\n \n \n \n \n \n {showKitTab && }\n {!showKitTab && }\n \n \n )\n}\n\nexport default AvailableProps\n"],"names":["AvailableProps","availableProps","darkMode","props","globalPropsNames","GlobalPropsValues","prop","showKitTab","setShowKitTab","useState","propName","jsxs","Card","jsx","Nav","NavItem","SectionSeparator","KitProps","GlobalProps"],"mappings":"yUAWA,MAAMA,EAAiB,CAAC,CAAE,eAAAC,EAAgB,SAAAC,KAAmC,CACrE,MAAAC,EAAQ,KAAK,MAAMF,CAAc,EACjCG,EAAmBC,EAAkB,IAAIC,GAAQA,EAAK,IAAI,EAC1D,CAACC,EAAYC,CAAa,EAAIC,WAAS,EAAI,EAEjD,QAAQC,KAAYP,EACfC,EAAiB,SAASM,CAAQ,GACnC,OAAOP,EAAMO,CAAQ,EAIzB,yBAEI,SAACC,EAAAA,KAAAC,EAAA,CAAK,QAAQ,OAAO,KAAMV,EACzB,SAAA,CAAAW,EAAA,IAACD,EAAK,KAAL,CAAU,QAAQ,KACjB,SAAAD,EAAA,KAACG,EAAI,CAAA,YAAY,aAAa,QAAQ,SAAS,KAAMZ,EACnD,SAAA,CAAAW,EAAA,IAACE,EAAQ,CAAA,KAAK,YAAY,OAAQR,EAAY,QAAS,IAAMC,EAAc,EAAI,EAAG,OAAO,UAAU,KAAMN,EAAS,EACjHW,EAAA,IAAAE,EAAA,CAAQ,KAAK,eAAe,OAAQ,CAACR,EAAY,QAAS,IAAMC,EAAc,EAAK,EAAG,OAAO,UAAU,KAAMN,EAAU,CAAA,CAAA,CAC1H,CACF,CAAA,EACAW,EAAAA,IAACG,EAAkB,CAAA,KAAMd,CAAU,CAAA,EAClCK,GAAcM,EAAA,IAACI,EAAS,CAAA,eAAgBd,EAAO,SAAAD,EAAoB,EACnE,CAACK,GAAeM,EAAA,IAAAK,EAAA,CAAY,SAAAhB,CAAmB,CAAA,CAAA,CAClD,CAAA,CACF,CAAA,CAEJ"}