{"version":3,"file":"TicketsChart-Dxap07hp.js","sources":["../../../app/javascript/components/HomepageHero/HeroComponents/TicketsChart.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n Flex,\n Card,\n Caption,\n Icon,\n Title,\n StatChange,\n FlexItem,\n Gauge,\n} from \"playbook-ui\";\n\nconst TicketsChartCard = () => {\n const data = [\n {\n name: \"Percent of Tickets Sold\",\n value: 75,\n },\n ];\n\n return (\n \n \n \n \n \n } />\n \n \n \n \n <Caption\n size=\"xs\"\n text=\"Tickets sold in this month\"\n paddingBottom=\"xxs\"\n />\n <StatChange change=\"increase\" value=\"3.94\" />\n </Flex>\n <FlexItem className=\"gauge-max-width\">\n <Gauge\n hover={{ scale: \"lg\" }}\n chartData={data}\n fullCircle\n height=\"150px\"\n id=\"gauge-full-circle\"\n suffix=\"%\"\n paddingLeft=\"md\"\n />\n </FlexItem>\n </Flex>\n </Flex>\n </Card>\n </Flex>\n );\n};\n\nexport default TicketsChartCard;\n"],"names":["TicketsChartCard","data","jsx","Flex","Card","jsxs","Caption","Icon","Title","StatChange","FlexItem","Gauge"],"mappings":"4MAYA,MAAMA,EAAmB,IAAM,CAC7B,MAAMC,EAAO,CACX,CACE,KAAM,0BACN,MAAO,EACT,CAAA,EAIA,OAAAC,EAAA,IAACC,EAAA,CACC,UAAU,kCACV,OAAO,UACP,MAAO,CAAE,MAAO,IAAK,EAErB,SAACD,EAAAA,IAAAE,EAAA,CAAK,WAAU,GAAC,aAAa,KAAK,OAAO,UAAU,cAAc,OAChE,SAACC,EAAA,KAAAF,EAAA,CAAK,YAAY,SAAS,MAAM,UAC/B,SAAA,CAAAE,EAAA,KAACF,EAAK,CAAA,QAAQ,UAAU,MAAM,SAC5B,SAAA,CAACD,EAAAA,IAAAI,EAAA,CAAQ,KAAK,oBAAqB,CAAA,EACnCJ,EAAAA,IAACI,GAAQ,KAAMJ,EAAA,IAACK,GAAK,KAAK,aAAa,KAAK,IAAA,CAAK,CAAI,CAAA,CAAA,EACvD,EACAF,EAAAA,KAACF,EAAK,CAAA,MAAM,SACV,SAAA,CAACE,EAAAA,KAAAF,EAAA,CAAK,YAAY,SAChB,SAAA,CAAAD,EAAA,IAACM,EAAM,CAAA,KAAK,SAAS,KAAM,EAAG,EAC9BN,EAAA,IAACI,EAAA,CACC,KAAK,KACL,KAAK,6BACL,cAAc,KAAA,CAChB,EACCJ,EAAA,IAAAO,EAAA,CAAW,OAAO,WAAW,MAAM,OAAO,CAAA,EAC7C,EACAP,EAAAA,IAACQ,EAAS,CAAA,UAAU,kBAClB,SAAAR,EAAA,IAACS,EAAA,CACC,MAAO,CAAE,MAAO,IAAK,EACrB,UAAWV,EACX,WAAU,GACV,OAAO,QACP,GAAG,oBACH,OAAO,IACP,YAAY,IAAA,CAAA,EAEhB,CAAA,EACF,CAAA,CAAA,CACF,CACF,CAAA,CAAA,CAAA,CAGN"}