import { jsx as _jsx } from "react/jsx-runtime";
import { cn } from "@powerhousedao/design-system";
const defaultElement = "p";
export const FormMessage = ({ children, type = "info", as, className, ...props }) => {
    const Component = as || defaultElement;
    const typeClasses = {
        error: "text-red-900 dark:text-red-900",
        info: "text-blue-900 dark:text-blue-900",
        warning: "text-yellow-900 dark:text-yellow-900",
    };
    const classes = cn("mb-0 inline-flex items-center text-xs font-medium", typeClasses[type], className);
    // TODO: add icon
    return (_jsx(Component, { "data-type": type, className: classes, ...props, children: children }));
};
//# sourceMappingURL=form-message.js.map