@undp/design-system-react
Version:
React based design system for UNDP
1 lines • 4.35 kB
Source Map (JSON)
{"version":3,"file":"Footer.cjs","names":[],"sources":["../src/components/ui/footer.tsx"],"sourcesContent":["import type React from 'react';\nimport { cn } from '@/lib/utils';\nimport { H5, P } from './typography';\n\nfunction Footer({ className, children, ...props }: React.HTMLAttributes<HTMLElement>) {\n return (\n <footer\n {...props}\n className={cn(\n 'h-auto w-full bg-footer-background px-3 pt-14 pb-12 text-content-reverse',\n className,\n )}\n >\n <div className={cn('mx-auto w-full sm:w-[83.333%]')}>{children}</div>\n </footer>\n );\n}\n\nfunction FooterContent({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n return (\n <div className={cn('mx-auto h-auto w-full sm:w-[83.333%]', className)} {...props}>\n {children}\n </div>\n );\n}\n\nfunction FooterLogoUnit({\n className,\n link,\n children,\n locale = 'en',\n ...props\n}: React.HTMLAttributes<HTMLDivElement> & {\n link?: string;\n locale?: 'en' | 'fr' | 'es';\n}) {\n return (\n <div\n {...props}\n className={cn(\n 'mb-8 flex flex-wrap items-center justify-between gap-x-4 gap-y-6 border-b border-b-background px-3 pt-0 pb-12',\n className,\n )}\n >\n <div className='m-0 flex items-center gap-4'>\n <a href={link || './'} target='_blank' rel='noreferrer'>\n <img\n alt='undp logo'\n src={`https://cdn.jsdelivr.net/npm/@undp/design-system-assets/images/${locale === 'es' || locale === 'fr' ? 'pnud' : 'undp'}-logo-white.svg`}\n className='w-[60px]'\n />\n </a>\n <H5 className='text-content-reverse' marginBottom='none'>\n United Nations\n <br />\n Development Programme\n </H5>\n </div>\n <div>{children}</div>\n </div>\n );\n}\n\nfunction FooterMainNavUnit({\n className,\n children,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n return (\n <div {...props} className={className}>\n {children}\n </div>\n );\n}\n\nfunction FooterCopyrightUnit({\n className,\n children,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n return (\n <div\n {...props}\n className={cn('mt-6 flex flex-wrap items-center justify-between gap-x-4 gap-y-6', className)}\n >\n <P className='m-0 px-0 py-0 text-content-reverse text-sm md:m-0 md:text-base lg:text-base'>\n © United Nations Development Programme\n </P>\n <div className='flex flex-wrap gap-x-4 gap-y-6'>\n {children}\n <a\n href='https://www.undp.org/copyright-terms-use'\n target='_blank'\n rel='noopener noreferrer'\n className='text-content-reverse text-sm opacity-100 hover:opacity-70 md:text-base'\n >\n Terms of use\n </a>\n </div>\n </div>\n );\n}\n\nexport { Footer, FooterContent, FooterCopyrightUnit, FooterLogoUnit, FooterMainNavUnit };\n"],"mappings":"4KAIA,SAAS,EAAO,CAAE,YAAW,WAAU,GAAG,GAA4C,CACpF,OACE,EAAA,EAAA,IAAA,CAAC,SAAD,CACE,GAAI,EACJ,UAAW,EAAA,EACT,2EACA,CACF,YAEA,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,EAAG,+BAA+B,EAAI,UAAc,CAAA,CAC9D,CAAA,CAEZ,CAEA,SAAS,EAAc,CAAE,YAAW,WAAU,GAAG,GAA+C,CAC9F,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,EAAG,uCAAwC,CAAS,EAAG,GAAI,EACxE,UACE,CAAA,CAET,CAEA,SAAS,EAAe,CACtB,YACA,OACA,WACA,SAAS,KACT,GAAG,GAIF,CACD,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CACE,GAAI,EACJ,UAAW,EAAA,EACT,gHACA,CACF,WALF,EAOE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,uCAAf,EACE,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,KAAM,GAAQ,KAAM,OAAO,SAAS,IAAI,uBACzC,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,IAAI,YACJ,IAAK,kEAAkE,IAAW,MAAQ,IAAW,KAAO,OAAS,OAAO,iBAC5H,UAAU,UACX,CAAA,CACA,CAAA,GACH,EAAA,EAAA,KAAA,CAAC,EAAA,GAAD,CAAI,UAAU,uBAAuB,aAAa,gBAAlD,CAAyD,kBAEvD,EAAA,EAAA,IAAA,CAAC,KAAD,CAAK,CAAA,EAAC,uBAEJ,GACD,KACL,EAAA,EAAA,IAAA,CAAC,MAAD,CAAM,UAAc,CAAA,CACjB,GAET,CAEA,SAAS,EAAkB,CACzB,YACA,WACA,GAAG,GACoC,CACvC,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,GAAI,EAAkB,YACxB,UACE,CAAA,CAET,CAEA,SAAS,EAAoB,CAC3B,YACA,WACA,GAAG,GACoC,CACvC,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CACE,GAAI,EACJ,UAAW,EAAA,EAAG,mEAAoE,CAAS,WAF7F,EAIE,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAG,UAAU,uFAA8E,wCAExF,CAAA,GACH,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,0CAAf,CACG,GACD,EAAA,EAAA,IAAA,CAAC,IAAD,CACE,KAAK,2CACL,OAAO,SACP,IAAI,sBACJ,UAAU,kFACX,cAEE,CAAA,CACA,GACF,GAET"}