flowbite-react
Version:
Official React components built for Flowbite and Tailwind CSS
1 lines • 3.22 kB
Source Map (JSON)
{"version":3,"file":"Badge.mjs","sources":["../../../../src/components/Badge/Badge.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 { FlowbiteBoolean, FlowbiteColors, FlowbiteSizes } from \"../Flowbite\";\n\nexport interface FlowbiteBadgeTheme {\n root: FlowbiteBadgeRootTheme;\n icon: FlowbiteBadgeIconTheme;\n}\n\nexport interface FlowbiteBadgeRootTheme {\n base: string;\n color: FlowbiteColors;\n href: string;\n size: BadgeSizes;\n}\n\nexport interface FlowbiteBadgeIconTheme extends FlowbiteBoolean {\n size: BadgeSizes;\n}\n\nexport interface BadgeSizes extends Pick<FlowbiteSizes, \"xs\" | \"sm\"> {\n [key: string]: string;\n}\n\nexport interface BadgeProps extends Omit<ComponentProps<\"span\">, \"color\"> {\n color?: keyof FlowbiteColors;\n href?: string;\n icon?: FC<ComponentProps<\"svg\">>;\n size?: keyof BadgeSizes;\n theme?: DeepPartial<FlowbiteBadgeTheme>;\n}\n\nexport const Badge: FC<BadgeProps> = ({\n children,\n color = \"info\",\n href,\n icon: Icon,\n size = \"xs\",\n className,\n theme: customTheme = {},\n ...props\n}) => {\n const theme = mergeDeep(getTheme().badge, customTheme);\n\n const Content: FC = () => (\n <span\n className={twMerge(\n theme.root.base,\n theme.root.color[color],\n theme.root.size[size],\n theme.icon[Icon ? \"on\" : \"off\"],\n className,\n )}\n data-testid=\"flowbite-badge\"\n {...props}\n >\n {Icon && <Icon aria-hidden className={theme.icon.size[size]} data-testid=\"flowbite-badge-icon\" />}\n {children && <span>{children}</span>}\n </span>\n );\n\n return href ? (\n <a className={theme.root.href} href={href}>\n <Content />\n </a>\n ) : (\n <Content />\n );\n};\n\nBadge.displayName = \"Badge\";\n"],"names":[],"mappings":";;;;;AAKY,MAAC,KAAK,GAAG,CAAC;AACtB,EAAE,QAAQ;AACV,EAAE,KAAK,GAAG,MAAM;AAChB,EAAE,IAAI;AACN,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,IAAI,GAAG,IAAI;AACb,EAAE,SAAS;AACX,EAAE,KAAK,EAAE,WAAW,GAAG,EAAE;AACzB,EAAE,GAAG,KAAK;AACV,CAAC,KAAK;AACN,EAAE,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;AACzD,EAAE,MAAM,OAAO,GAAG,sBAAsB,IAAI;AAC5C,IAAI,MAAM;AACV,IAAI;AACJ,MAAM,SAAS,EAAE,OAAO;AACxB,QAAQ,KAAK,CAAC,IAAI,CAAC,IAAI;AACvB,QAAQ,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;AAC/B,QAAQ,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;AAC7B,QAAQ,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AACvC,QAAQ,SAAS;AACjB,OAAO;AACP,MAAM,aAAa,EAAE,gBAAgB;AACrC,MAAM,GAAG,KAAK;AACd,MAAM,QAAQ,EAAE;AAChB,QAAQ,IAAI,oBAAoB,GAAG,CAAC,IAAI,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,qBAAqB,EAAE,CAAC;AAC1I,QAAQ,QAAQ,oBAAoB,GAAG,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC;AAC7D,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,OAAO,IAAI,mBAAmB,GAAG,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,kBAAkB,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,mBAAmB,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AAC9J,EAAE;AACF,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}