@vertisanpro/flowbite-react
Version:
Non-Official React components built for Flowbite and Tailwind CSS
12 lines (11 loc) • 920 B
JavaScript
import { twMerge } from '@vertisanpro/tailwind-merge';
import React from 'react';
import { mergeDeep } from '../../helpers/merge-deep';
import { getTheme } from '../../theme-store';
export const FooterBrand = ({ alt, className, children, href, name, src, theme: customTheme = {}, ...props }) => {
const theme = mergeDeep(getTheme().footer.brand, customTheme);
return (React.createElement("div", null, href ? (React.createElement("a", { "data-testid": "flowbite-footer-brand", href: href, className: twMerge(theme.base, className), ...props },
React.createElement("img", { alt: alt, src: src, className: theme.img }),
React.createElement("span", { "data-testid": "flowbite-footer-brand-span", className: theme.span }, name),
children)) : (React.createElement("img", { alt: alt, "data-testid": "flowbite-footer-brand", src: src, className: twMerge(theme.img, className), ...props }))));
};