UNPKG

@vertisanpro/flowbite-react

Version:

Non-Official React components built for Flowbite and Tailwind CSS

15 lines (14 loc) 739 B
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, });