{"version":3,"file":"index-C4mruvLR.js","sources":["../../../app/javascript/components/Website/src/components/CategoryTitle/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex, Icon, Title } from \"playbook-ui\";\n\nimport { linkFormat } from \"../../../../../utilities/website_sidebar_helper\";\n\nimport \"./styles.scss\";\n\ntype CategoryTitleProps = {\n  category: string;\n};\n\nexport const CategoryTitle = ({ category }: CategoryTitleProps): React.ReactElement => {\n  \n  return (\n    <Flex align=\"center\" className=\"category-title\" gap=\"xs\" marginBottom=\"md\">\n      <Title size={{ xs: 3, sm: 2, md: 2, lg: 2, xl: 2 }} tag=\"h1\" text={linkFormat(category)} />\n      <Icon className=\"icon mobile\" icon=\"circle-arrow-right\" size=\"sm\" />\n      <Icon className=\"icon desktop\" icon=\"circle-arrow-right\" size=\"xl\" />\n    </Flex>\n  );\n};\n"],"names":["CategoryTitle","category","jsxs","Flex","jsx","Title","linkFormat","Icon"],"mappings":"kOAWO,MAAMA,EAAgB,CAAC,CAAE,SAAAC,KAG5BC,OAACC,GAAK,MAAM,SAAS,UAAU,iBAAiB,IAAI,KAAK,aAAa,KACpE,SAAA,CAAAC,MAACC,GAAM,KAAM,CAAE,GAAI,EAAG,GAAI,EAAG,GAAI,EAAG,GAAI,EAAG,GAAI,GAAK,IAAI,KAAK,KAAMC,EAAWL,CAAQ,EAAG,QACxFM,EAAK,CAAA,UAAU,cAAc,KAAK,qBAAqB,KAAK,KAAK,QACjEA,EAAK,CAAA,UAAU,eAAe,KAAK,qBAAqB,KAAK,KAAK,CACrE,CAAA,CAAA"}