@vertisanpro/flowbite-react
Version:
Non-Official React components built for Flowbite and Tailwind CSS
15 lines (14 loc) • 739 B
JavaScript
import { twMerge } from '@vertisanpro/tailwind-merge';
import React from 'react';
import { mergeDeep } from '../../helpers/merge-deep';
import { getTheme } from '../../theme-store';
import { BreadcrumbItem } from './BreadcrumbItem';
const BreadcrumbComponent = ({ children, className, theme: customTheme = {}, ...props }) => {
const theme = mergeDeep(getTheme().breadcrumb.root, customTheme);
return (React.createElement("nav", { "aria-label": "Breadcrumb", className: twMerge(theme.base, className), ...props },
React.createElement("ol", { className: theme.list }, children)));
};
BreadcrumbComponent.displayName = 'Breadcrumb';
export const Breadcrumb = Object.assign(BreadcrumbComponent, {
Item: BreadcrumbItem,
});