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

Opinionated design system for Drivy's projects.

import React from 'react';
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 "green";
        }
        case "error": {
            return "red";
        }
        default: {
            return "graphiteLight";
        }
    }
};
const Hint = ({ children, status, className }) => {
    return (React.createElement("div", { className: cx("cobalt-Hint", className, {
            "cobalt-Hint--success": status === "success",
            "cobalt-Hint--error": status === "error",
        }) },
        React.createElement("span", { className: "cobalt-Hint__Icon" },
            React.createElement(Icon, { source: getIcon(status), size: ICON_SIZE, color: getIconColor(status) })),
        React.createElement("span", { className: "cobalt-Hint__Message" }, children)));
};

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