import { mergeProps, splitProps, useContext } from "solid-js";
import classNames from "./classnames";
import { OverlayContext } from "solid-bootstrap-core";
import { useBootstrapPrefix } from "./ThemeProvider";
const defaultProps = {
    arrowProps: {},
    placement: "right",
};
const Tooltip = (p) => {
    const [local, props] = splitProps(mergeProps(defaultProps, p), [
        "bsPrefix",
        "placement",
        "class",
        "style",
        "children",
        "arrowProps",
        "popper",
        "show",
    ]);
    const bsPrefix = useBootstrapPrefix(local.bsPrefix, "tooltip");
    const context = useContext(OverlayContext);
    const primaryPlacement = () => (context?.metadata?.placement || local.placement)?.split("-")?.[0];
    return (<div role="tooltip" x-placement={primaryPlacement()} class={classNames(local.class, bsPrefix, `bs-tooltip-auto`)} {...props} {...context?.wrapperProps} style={Object.assign({}, local.style, context?.wrapperProps.style)}>
      <div class="tooltip-arrow" {...local.arrowProps} {...context?.arrowProps}/>
      <div class={`${bsPrefix}-inner`}>{local.children}</div>
    </div>);
};
export default Tooltip;