import { mergeProps, splitProps } from "solid-js";
import classNames from "./classnames";
import { Dynamic } from "solid-js/web";
const defaultProps = {
    as: "div",
    type: "valid",
    tooltip: false,
};
const Feedback = (p) => {
    const [local, props] = splitProps(mergeProps(defaultProps, p), [
        "as",
        "className",
        "type",
        "tooltip",
    ]);
    return (<Dynamic component={local.as} {...props} className={classNames(local.className, `${local.type}-${local.tooltip ? "tooltip" : "feedback"}`)}>
      {props.children}
    </Dynamic>);
};
export default Feedback;