{"version":3,"file":"GraphContainer-Bsyyih6q.cjs","names":[],"sources":["../src/Components/Elements/GraphContainer.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport React from 'react';\r\n\r\nimport type { Languages } from '@/Types';\r\n\r\ninterface Props extends React.HTMLAttributes<HTMLDivElement> {\r\n  width?: number;\r\n  height?: number;\r\n  backgroundColor: string | boolean;\r\n  theme: 'light' | 'dark';\r\n  language: Languages;\r\n  relativeHeight?: number;\r\n  minHeight?: number;\r\n  padding?: string;\r\n  graphID?: string;\r\n  ariaLabel?: string;\r\n}\r\n\r\nexport const GraphContainer = React.forwardRef<HTMLDivElement, Props>(\r\n  (\r\n    {\r\n      className,\r\n      width,\r\n      height,\r\n      backgroundColor,\r\n      theme,\r\n      language,\r\n      relativeHeight,\r\n      minHeight,\r\n      padding,\r\n      children,\r\n      style,\r\n      ariaLabel,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    return (\r\n      <div\r\n        {...props}\r\n        className={cn(\r\n          `${theme || 'light'} ${language || 'en'} mx-auto box-border flex flex-col`,\r\n          width ? 'grow-0' : 'grow w-full',\r\n          relativeHeight || height ? 'grow-0' : 'h-full',\r\n          !backgroundColor ? 'bg-transparent' : backgroundColor === true ? 'bg-surface' : '',\r\n          className,\r\n        )}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        style={{\r\n          ...(style || {}),\r\n          ...(width ? { width: `${width}px` } : {}),\r\n          ...(height ? { height: `${height}px` } : {}),\r\n          minHeight: minHeight ? `${minHeight}px` : 'auto',\r\n          ...(relativeHeight ? { aspectRatio: 1 / relativeHeight } : {}),\r\n          // Merge padding and background color logic\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        ref={ref}\r\n      >\r\n        <div className='flex flex-col w-full h-full grow justify-between'>{children}</div>\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nexport const GraphArea = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n  ({ children, className, ...props }, ref) => {\r\n    return (\r\n      <div {...props} className={cn('w-full grow min-h-0 leading-0', className)} ref={ref}>\r\n        {children}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n"],"mappings":"mJAkBA,IAAa,EAAiB,EAAA,QAAM,YAEhC,CACE,YACA,QACA,SACA,kBACA,QACA,WACA,iBACA,YACA,UACA,WACA,QACA,YACA,GAAG,GAEL,KAGE,EAAA,EAAA,KAAC,MAAD,CACE,GAAI,EACJ,WAAA,EAAA,EAAA,IACE,GAAG,GAAS,QAAQ,GAAG,GAAY,KAAK,mCACxC,EAAQ,SAAW,cACnB,GAAkB,EAAS,SAAW,SACrC,EAAqC,IAAoB,GAAO,aAAe,GAA7D,iBACnB,CACF,EACA,IAAK,IAAa,MAAQ,IAAa,KAAO,MAAQ,IAAA,GACtD,MAAO,CACL,GAAI,GAAS,CAAC,EACd,GAAI,EAAQ,CAAE,MAAO,GAAG,EAAM,GAAI,EAAI,CAAC,EACvC,GAAI,EAAS,CAAE,OAAQ,GAAG,EAAO,GAAI,EAAI,CAAC,EAC1C,UAAW,EAAY,GAAG,EAAU,IAAM,OAC1C,GAAI,EAAiB,CAAE,YAAa,EAAI,CAAe,EAAI,CAAC,EAE5D,QAAS,EAAkB,GAAW,OAAS,GAAW,EAC1D,GAAI,GAAmB,IAAoB,GAAO,CAAE,iBAAgB,EAAI,CAAC,CAC3E,EACK,gBAEL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,mDAAoD,UAAc,CAAA,CAC9E,CAAA,CAGX,EAEa,EAAY,EAAA,QAAM,YAC5B,CAAE,WAAU,YAAW,GAAG,GAAS,KAEhC,EAAA,EAAA,KAAC,MAAD,CAAK,GAAI,EAAO,WAAA,EAAA,EAAA,IAAc,gCAAiC,CAAS,EAAQ,MAC7E,UACE,CAAA,CAGX"}