flowbite-react
Version:
Official React components built for Flowbite and Tailwind CSS
1 lines • 1.53 kB
Source Map (JSON)
{"version":3,"file":"AvatarGroupCounter.mjs","sources":["../../../../src/components/Avatar/AvatarGroupCounter.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\";\n\nexport interface FlowbiteAvatarGroupCounterTheme {\n base: string;\n}\n\nexport interface AvatarGroupCounterProps extends ComponentProps<\"a\"> {\n theme?: DeepPartial<FlowbiteAvatarGroupCounterTheme>;\n total?: number;\n}\n\nexport const AvatarGroupCounter: FC<AvatarGroupCounterProps> = ({\n className,\n href,\n theme: customTheme = {},\n total,\n ...props\n}) => {\n const theme = mergeDeep(getTheme().avatar.groupCounter, customTheme);\n\n return (\n <a href={href} className={twMerge(theme.base, className)} {...props}>\n +{total}\n </a>\n );\n};\n\nAvatarGroupCounter.displayName = \"Avatar.GroupCounter\";\n"],"names":[],"mappings":";;;;;AAKY,MAAC,kBAAkB,GAAG,CAAC;AACnC,EAAE,SAAS;AACX,EAAE,IAAI;AACN,EAAE,KAAK,EAAE,WAAW,GAAG,EAAE;AACzB,EAAE,KAAK;AACP,EAAE,GAAG,KAAK;AACV,CAAC,KAAK;AACN,EAAE,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;AACvE,EAAE,uBAAuB,IAAI,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE;AAC1G,IAAI,GAAG;AACP,IAAI,KAAK;AACT,GAAG,EAAE,CAAC,CAAC;AACP,EAAE;AACF,kBAAkB,CAAC,WAAW,GAAG,qBAAqB;;;;"}