@drivy/cobalt/components/Form/Hint.js

Opinionated design system for Drivy's projects.

import { jsx, jsxs } from "react/jsx-runtime";
import classnames from "classnames";
import { Icon } from "../Icon/index.js";
const ICON_SIZE = 16;
const getIcon = (status)=>{
    switch(status){
        case "success":
            return "checkCircleFilled";
        case "error":
            return "contextualWarningCircleFilled";
        default:
            return "infoCircleFilled";
    }
};
const getIconColor = (status)=>{
    switch(status){
        case "success":
            return "success";
        case "error":
            return "error";
        default:
            return "onSurfaceVariant";
    }
};
const Hint = ({ children, status, className })=>/*#__PURE__*/ jsxs("div", {
        className: classnames("cobalt-Hint", className, {
            "cobalt-Hint--success": "success" === status,
            "cobalt-Hint--error": "error" === status
        }),
        children: [
            /*#__PURE__*/ jsx("span", {
                className: "cobalt-Hint__Icon",
                children: /*#__PURE__*/ jsx(Icon, {
                    source: getIcon(status),
                    size: ICON_SIZE,
                    color: getIconColor(status)
                })
            }),
            /*#__PURE__*/ jsx("span", {
                className: "cobalt-Hint__Message",
                children: children
            })
        ]
    });
export { Hint };

//# sourceMappingURL=Hint.js.map