\n <Flex gap=\"xxs\">\n <Body color=\"error\">\n <Icon icon=\"exclamation-triangle\" />\n </Body>\n <Body color=\"light\" text=\"1 issue\" />\n </Flex>\n </Flex>\n </Flex>\n </Collapsible.Main>\n <Collapsible.Content padding=\"none\">\n <Flex flexGrow={1} justify=\"center\" gap=\"xs\" paddingTop=\"xs\">\n <Pill textTransform={false} variant=\"error\" text=\"iPhone\" />\n <Pill textTransform={false} variant=\"success\" text=\"AirPods\" />\n <Pill textTransform={false} variant=\"success\" text=\"Laptop\" />\n </Flex>\n </Collapsible.Content>\n </Collapsible>\n </Card>\n </Flex>\n );\n};\n\nexport default ConnectedDevicesCard;\n"],"names":["ConnectedDevicesCard","jsx","Flex","Card","jsxs","Collapsible","Body","Icon","Title","Pill"],"mappings":"qMAGA,MAAMA,EAAuB,IAEzBC,EAAA,IAACC,EAAA,CACC,OAAO,UACP,MAAO,CAAE,MAAO,IAAK,EACrB,UAAU,sCAEV,SAAAD,EAAA,IAACE,EAAA,CACC,WAAU,GACV,aAAa,KACb,OAAO,UACP,SAAS,KACT,SAAS,KAET,SAACC,EAAAA,KAAAC,EAAA,CAAY,UAAU,OAAO,QAAQ,OACpC,SAAA,CAAAJ,EAAA,IAACI,EAAY,KAAZ,CAAiB,QAAQ,OACxB,SAAAD,EAAA,KAACF,EAAK,CAAA,IAAI,KAAK,aAAa,KAAK,MAAM,SACrC,SAAA,CAAAD,EAAAA,IAACK,GAAK,MAAM,QACV,eAACC,EAAK,CAAA,KAAK,gBAAgB,CAC7B,CAAA,EACAH,EAAAA,KAACF,EAAK,CAAA,YAAY,SAChB,SAAA,CAAAD,EAAA,IAACO,EAAM,CAAA,KAAM,EAAG,KAAK,sBAAsB,EAC3CJ,EAAAA,KAACF,EAAK,CAAA,IAAI,MACR,SAAA,CAAAD,EAAAA,IAACK,GAAK,MAAM,QACV,eAACC,EAAK,CAAA,KAAK,uBAAuB,CACpC,CAAA,EACCN,EAAA,IAAAK,EAAA,CAAK,MAAM,QAAQ,KAAK,UAAU,CAAA,EACrC,CAAA,EACF,CAAA,CAAA,CACF,CACF,CAAA,EACCL,EAAA,IAAAI,EAAY,QAAZ,CAAoB,QAAQ,OAC3B,SAAAD,EAAAA,KAACF,EAAK,CAAA,SAAU,EAAG,QAAQ,SAAS,IAAI,KAAK,WAAW,KACtD,SAAA,CAAAD,MAACQ,GAAK,cAAe,GAAO,QAAQ,QAAQ,KAAK,SAAS,QACzDA,EAAK,CAAA,cAAe,GAAO,QAAQ,UAAU,KAAK,UAAU,QAC5DA,EAAK,CAAA,cAAe,GAAO,QAAQ,UAAU,KAAK,SAAS,CAAA,CAAA,CAC9D,CACF,CAAA,CAAA,EACF,CAAA,CACF,CAAA,CAAA"}

{"version":3,"file":"ConnectedDevices-Bw3dDChj.js","sources":["../../../app/javascript/components/HomepageHero/HeroComponents/ConnectedDevices.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex, Card, Title, Collapsible, Pill, Body, Icon } from \"playbook-ui\";\n\nconst ConnectedDevicesCard = () => {\n return (\n \n \n \n \n \n \n \n \n \n \n <Flex gap=\"xxs\">\n <Body color=\"error\">\n <Icon icon=\"exclamation-triangle\" />\n </Body>\n <Body color=\"light\" text=\"1 issue\" />\n </Flex>\n </Flex>\n </Flex>\n </Collapsible.Main>\n <Collapsible.Content padding=\"none\">\n <Flex flexGrow={1} justify=\"center\" gap=\"xs\" paddingTop=\"xs\">\n <Pill textTransform={false} variant=\"error\" text=\"iPhone\" />\n <Pill textTransform={false} variant=\"success\" text=\"AirPods\" />\n <Pill textTransform={false} variant=\"success\" text=\"Laptop\" />\n </Flex>\n </Collapsible.Content>\n </Collapsible>\n </Card>\n </Flex>\n );\n};\n\nexport default ConnectedDevicesCard;\n"],"names":["ConnectedDevicesCard","jsx","Flex","Card","jsxs","Collapsible","Body","Icon","Title","Pill"],"mappings":"qMAGA,MAAMA,EAAuB,IAEzBC,EAAA,IAACC,EAAA,CACC,OAAO,UACP,MAAO,CAAE,MAAO,IAAK,EACrB,UAAU,sCAEV,SAAAD,EAAA,IAACE,EAAA,CACC,WAAU,GACV,aAAa,KACb,OAAO,UACP,SAAS,KACT,SAAS,KAET,SAACC,EAAAA,KAAAC,EAAA,CAAY,UAAU,OAAO,QAAQ,OACpC,SAAA,CAAAJ,EAAA,IAACI,EAAY,KAAZ,CAAiB,QAAQ,OACxB,SAAAD,EAAA,KAACF,EAAK,CAAA,IAAI,KAAK,aAAa,KAAK,MAAM,SACrC,SAAA,CAAAD,EAAAA,IAACK,GAAK,MAAM,QACV,eAACC,EAAK,CAAA,KAAK,gBAAgB,CAC7B,CAAA,EACAH,EAAAA,KAACF,EAAK,CAAA,YAAY,SAChB,SAAA,CAAAD,EAAA,IAACO,EAAM,CAAA,KAAM,EAAG,KAAK,sBAAsB,EAC3CJ,EAAAA,KAACF,EAAK,CAAA,IAAI,MACR,SAAA,CAAAD,EAAAA,IAACK,GAAK,MAAM,QACV,eAACC,EAAK,CAAA,KAAK,uBAAuB,CACpC,CAAA,EACCN,EAAA,IAAAK,EAAA,CAAK,MAAM,QAAQ,KAAK,UAAU,CAAA,EACrC,CAAA,EACF,CAAA,CAAA,CACF,CACF,CAAA,EACCL,EAAA,IAAAI,EAAY,QAAZ,CAAoB,QAAQ,OAC3B,SAAAD,EAAAA,KAACF,EAAK,CAAA,SAAU,EAAG,QAAQ,SAAS,IAAI,KAAK,WAAW,KACtD,SAAA,CAAAD,MAACQ,GAAK,cAAe,GAAO,QAAQ,QAAQ,KAAK,SAAS,QACzDA,EAAK,CAAA,cAAe,GAAO,QAAQ,UAAU,KAAK,UAAU,QAC5DA,EAAK,CAAA,cAAe,GAAO,QAAQ,UAAU,KAAK,SAAS,CAAA,CAAA,CAC9D,CACF,CAAA,CAAA,EACF,CAAA,CACF,CAAA,CAAA"}