import { mergeProps, splitProps } from "solid-js";
import usePlaceholder from "./usePlaceholder";
import PlaceholderButton from "./PlaceholderButton";
import { Dynamic } from "solid-js/web";
const defaultProps = {
    as: "span",
};
const Placeholder = (p) => {
    const [local, props] = splitProps(mergeProps(defaultProps, p), ["as"]);
    return (<Dynamic component={local.as} {...usePlaceholder(props)}>
      {props.children}
    </Dynamic>);
};
export default Object.assign(Placeholder, {
    Button: PlaceholderButton,
});