import { mergeProps, splitProps } from "solid-js";
import classNames from "./classnames";
import { useBootstrapPrefix } from "./ThemeProvider";
import BreadcrumbItem from "./BreadcrumbItem";
import { Dynamic } from "solid-js/web";
const defaultProps = {
    as: "nav",
    label: "breadcrumb",
    listProps: {},
};
const Breadcrumb = (p) => {
    const [local, props] = splitProps(mergeProps(defaultProps, p), [
        "bsPrefix",
        "className",
        "listProps",
        "children",
        "label",
        "as",
    ]);
    const prefix = useBootstrapPrefix(local.bsPrefix, "breadcrumb");
    return (<Dynamic component={local.as} aria-label={local.label} className={local.className} {...props}>
      <ol {...local.listProps} className={classNames(prefix, local.listProps?.className)}>
        {local.children}
      </ol>
    </Dynamic>);
};
export default Object.assign(Breadcrumb, {
    Item: BreadcrumbItem,
});