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

Opinionated design system for Drivy's projects.

import { jsxs, jsx } from 'react/jsx-runtime';
import cx from 'classnames';
import { Icon } from '../Icon/index.js';

const ICON_SIZE = 16;
const getIcon = (status) => {
    switch (status) {
        case "success": {
            return "checkCircle";
        }
        case "error": {
            return "contextualWarningCircleFilled";
        }
        default: {
            return "info";
        }
    }
};
const getIconColor = (status) => {
    switch (status) {
        case "success":
            return "success";
        case "error":
            return "error";
        default:
            return "onSurfaceVariant";
    }
};
const Hint = ({ children, status, className }) => {
    return (jsxs("div", { className: cx("cobalt-Hint", className, {
            "cobalt-Hint--success": status === "success",
            "cobalt-Hint--error": status === "error",
        }), children: [jsx("span", { className: "cobalt-Hint__Icon", children: jsx(Icon, { source: getIcon(status), size: ICON_SIZE, color: getIconColor(status) }) }), jsx("span", { className: "cobalt-Hint__Message", children: children })] }));
};

export { Hint };
//# sourceMappingURL=Hint.js.map