import { mergeProps, splitProps } from "solid-js";
import classNames from "./classnames";
import { useBootstrapPrefix } from "./ThemeProvider";
const defaultProps = {
    fluid: false,
    rounded: false,
    roundedCircle: false,
    thumbnail: false,
};
const Image = (p) => {
    const [local, props] = splitProps(mergeProps(defaultProps, p), [
        "bsPrefix",
        "className",
        "fluid",
        "rounded",
        "roundedCircle",
        "thumbnail",
    ]);
    const bsPrefix = useBootstrapPrefix(local.bsPrefix, "img");
    return (<img // eslint-disable-line jsx-a11y/alt-text
     {...props} className={classNames(local.className, local.fluid && `${bsPrefix}-fluid`, local.rounded && `rounded`, local.roundedCircle && `rounded-circle`, local.thumbnail && `${bsPrefix}-thumbnail`)}>
      {props.children}
    </img>);
};
export default Image;