{"version":3,"file":"GraphDescription.cjs","names":[],"sources":["../src/Components/Typography/GraphDescription.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport React from 'react';\r\n\r\ninterface Props {\r\n  text: string | React.ReactNode;\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n}\r\n\r\nexport function GraphDescription(props: Props) {\r\n  const { text, style, className } = props;\r\n  if (typeof text === 'string') {\r\n    if (text.trim() === '') return null;\r\n    return (\r\n      <P\r\n        size='sm'\r\n        marginBottom='none'\r\n        className={cn('text-content-secondary', className)}\r\n        aria-label='Graph description'\r\n        style={style}\r\n      >\r\n        {text}\r\n      </P>\r\n    );\r\n  }\r\n\r\n  if (React.isValidElement(text))\r\n    return (\r\n      <div className={className} style={style}>\r\n        {text}\r\n      </div>\r\n    );\r\n  console.error('GraphDescription: Invalid text type. Expected string or React element.');\r\n  return null;\r\n}\r\n"],"mappings":"4QAUA,SAAgB,EAAiB,EAAc,CAC7C,GAAM,CAAE,OAAM,QAAO,aAAc,EAuBnC,OAtBI,OAAO,GAAS,SACd,EAAK,KAAK,IAAM,GAAW,MAE7B,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,KAAK,KACL,aAAa,OACb,WAAA,EAAA,EAAA,IAAc,yBAA0B,CAAS,EACjD,aAAW,oBACJ,iBAEN,CACA,CAAA,EAIH,EAAA,QAAM,eAAe,CAAI,GAEzB,EAAA,EAAA,KAAC,MAAD,CAAgB,YAAkB,iBAC/B,CACE,CAAA,GAET,QAAQ,MAAM,wEAAwE,EAC/E,KACT"}