import { mergeProps, splitProps } from "solid-js";
import classNames from "./classnames";
import { useBootstrapPrefix } from "./ThemeProvider";
import { Dynamic } from "solid-js/web";
const defaultProps = {
    as: "div",
};
let a;
const CarouselItem = (p) => {
    const [local, props] = splitProps(mergeProps(defaultProps, p), [
        "as",
        "bsPrefix",
        "className",
        "interval",
    ]);
    // custom response to allow <Carousel /> to access interval
    return {
        item: (<Dynamic component={local.as} {...props} className={classNames(local.className, useBootstrapPrefix(local.bsPrefix, "carousel-item"))}>
        {props.children}
      </Dynamic>),
        interval: local.interval,
    };
};
export default CarouselItem;