flowbite-react
Version:
Official React components built for Flowbite and Tailwind CSS
1 lines • 3.94 kB
Source Map (JSON)
{"version":3,"file":"Footer.mjs","sources":["../../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import type { ComponentProps, FC } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { mergeDeep } from \"../../helpers/merge-deep\";\nimport { getTheme } from \"../../theme-store\";\nimport type { DeepPartial } from \"../../types\";\nimport type { FlowbiteFooterBrandTheme } from \"./FooterBrand\";\nimport { FooterBrand } from \"./FooterBrand\";\nimport type { FlowbiteFooterCopyrightTheme } from \"./FooterCopyright\";\nimport { FooterCopyright } from \"./FooterCopyright\";\nimport type { FlowbiteFooterDividerTheme } from \"./FooterDivider\";\nimport { FooterDivider } from \"./FooterDivider\";\nimport type { FlowbiteFooterIconTheme } from \"./FooterIcon\";\nimport { FooterIcon } from \"./FooterIcon\";\nimport { FooterLink } from \"./FooterLink\";\nimport type { FlowbiteFooterLinkGroupTheme } from \"./FooterLinkGroup\";\nimport { FooterLinkGroup } from \"./FooterLinkGroup\";\nimport type { FlowbiteFooterTitleTheme } from \"./FooterTitle\";\nimport { FooterTitle } from \"./FooterTitle\";\n\nexport interface FlowbiteFooterTheme {\n brand: FlowbiteFooterBrandTheme;\n copyright: FlowbiteFooterCopyrightTheme;\n divider: FlowbiteFooterDividerTheme;\n groupLink: FlowbiteFooterLinkGroupTheme;\n icon: FlowbiteFooterIconTheme;\n root: FlowbiteFooterRootTheme;\n title: FlowbiteFooterTitleTheme;\n}\n\nexport interface FlowbiteFooterRootTheme {\n base: string;\n bgDark: string;\n container: string;\n}\n\nexport interface FooterProps extends ComponentProps<\"footer\"> {\n bgDark?: boolean;\n container?: boolean;\n theme?: DeepPartial<FlowbiteFooterTheme>;\n}\n\nexport const FooterComponent: FC<FooterProps> = ({\n bgDark = false,\n children,\n className,\n container = false,\n theme: customTheme = {},\n ...props\n}) => {\n const theme = mergeDeep(getTheme().footer, customTheme);\n\n return (\n <footer\n data-testid=\"flowbite-footer\"\n className={twMerge(theme.root.base, bgDark && theme.root.bgDark, container && theme.root.container, className)}\n {...props}\n >\n {children}\n </footer>\n );\n};\n\nFooterComponent.displayName = \"Footer\";\nFooterCopyright.displayName = \"Footer.Copyright\";\nFooterLink.displayName = \"Footer.Link\";\nFooterBrand.displayName = \"Footer.Brand\";\nFooterLinkGroup.displayName = \"Footer.LinkGroup\";\nFooterIcon.displayName = \"Footer.Icon\";\nFooterTitle.displayName = \"Footer.Title\";\nFooterDivider.displayName = \"Footer.Divider\";\n\nexport const Footer = Object.assign(FooterComponent, {\n Copyright: FooterCopyright,\n Link: FooterLink,\n LinkGroup: FooterLinkGroup,\n Brand: FooterBrand,\n Icon: FooterIcon,\n Title: FooterTitle,\n Divider: FooterDivider,\n});\n"],"names":[],"mappings":";;;;;;;;;;;;AAYY,MAAC,eAAe,GAAG,CAAC;AAChC,EAAE,MAAM,GAAG,KAAK;AAChB,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,EAAE,SAAS,GAAG,KAAK;AACnB,EAAE,KAAK,EAAE,WAAW,GAAG,EAAE;AACzB,EAAE,GAAG,KAAK;AACV,CAAC,KAAK;AACN,EAAE,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAC1D,EAAE,uBAAuB,GAAG;AAC5B,IAAI,QAAQ;AACZ,IAAI;AACJ,MAAM,aAAa,EAAE,iBAAiB;AACtC,MAAM,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,SAAS,IAAI,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC;AACpH,MAAM,GAAG,KAAK;AACd,MAAM,QAAQ;AACd,KAAK;AACL,GAAG,CAAC;AACJ,EAAE;AACF,eAAe,CAAC,WAAW,GAAG,QAAQ,CAAC;AACvC,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAC;AACjD,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC;AACvC,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AACzC,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAC;AACjD,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC;AACvC,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AACzC,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAC;AACjC,MAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;AACrD,EAAE,SAAS,EAAE,eAAe;AAC5B,EAAE,IAAI,EAAE,UAAU;AAClB,EAAE,SAAS,EAAE,eAAe;AAC5B,EAAE,KAAK,EAAE,WAAW;AACpB,EAAE,IAAI,EAAE,UAAU;AAClB,EAAE,KAAK,EAAE,WAAW;AACpB,EAAE,OAAO,EAAE,aAAa;AACxB,CAAC;;;;"}