@drivy/cobalt/components/Callout/index.js

Opinionated design system for Drivy's projects.

import React from 'react';
import cx from 'classnames';
import '../Icon/index.js';
import CloseIcon from '../Icon/__generated__/CloseIcon.js';

const Callout = ({ title, children, status = "info", close, }) => (React.createElement("div", { className: cx("cobalt-Callout", {
        "cobalt-Callout--info": status === "info",
        "cobalt-Callout--error": status === "error",
        "cobalt-Callout--success": status === "success",
    }) },
    title && React.createElement("div", { className: "cobalt-Callout__Title" }, title),
    React.createElement("div", null, children),
    close && (React.createElement("button", { className: "cobalt-Callout__Close", onClick: close, type: "button" },
        React.createElement(CloseIcon, { color: "onSurfaceVariant", size: 16, contained: true })))));

export { Callout, Callout as default };
//# sourceMappingURL=index.js.map