@undp/design-system-react/dist/SDGBorder.cjs.map

React based design system for UNDP

{"version":3,"file":"SDGBorder.cjs","names":[],"sources":["../src/components/ui/sdg-border.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nfunction SdgBorder({\n  sdgList,\n  barClassName,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { sdgList?: number[]; barClassName?: string }) {\n  return (\n    <div {...props} className={cn('flex w-full flex-nowrap gap-0', props.className)}>\n      {(sdgList || [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17]).map((d) => {\n        return (\n          <div\n            key={d}\n            style={{ backgroundColor: `var(--sdg-${d})` }}\n            className={cn('h-4 grow', barClassName)}\n          />\n        );\n      })}\n    </div>\n  );\n}\n\nexport { SdgBorder };\n"],"mappings":"8IAIA,SAAS,EAAU,CACjB,UACA,eACA,GAAG,GACoF,CACvF,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,GAAI,EAAO,UAAW,EAAA,EAAG,gCAAiC,EAAM,SAAS,YAC1E,GAAW,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,EAAE,EAAA,CAAG,IAAK,IAE3E,EAAA,EAAA,IAAA,CAAC,MAAD,CAEE,MAAO,CAAE,gBAAiB,aAAa,EAAE,EAAG,EAC5C,UAAW,EAAA,EAAG,WAAY,CAAY,CACvC,EAHM,CAGN,CAEJ,CACE,CAAA,CAET"}