lucid-ui/dist/cjs/components/Banner/examples/2.small.js

A UI component library from AppNexus.

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.notes = void 0;
var react_1 = __importDefault(require("react"));
var create_react_class_1 = __importDefault(require("create-react-class"));
var index_1 = require("../../../index");
exports.default = create_react_class_1.default({
    render: function () {
        return (react_1.default.createElement("div", null,
            react_1.default.createElement("div", null,
                react_1.default.createElement(index_1.Banner, { style: { marginBottom: 8 }, isSmall: true }, "Default"),
                react_1.default.createElement(index_1.Banner, { isCloseable: false, style: { marginBottom: 8 }, isSmall: true },
                    "Default -- No Close ",
                    String.fromCharCode(0x00d7))),
            react_1.default.createElement("div", null,
                react_1.default.createElement(index_1.Banner, { kind: 'success', style: { marginBottom: 8 }, isSmall: true }, "Success"),
                react_1.default.createElement(index_1.Banner, { kind: 'success', isCloseable: false, isSmall: true, style: { marginBottom: 8 } },
                    "Success -- No Close ",
                    String.fromCharCode(0x00d7))),
            react_1.default.createElement("div", null,
                react_1.default.createElement(index_1.Banner, { kind: 'warning', style: { marginBottom: 8 }, isSmall: true }, "Warning"),
                react_1.default.createElement(index_1.Banner, { kind: 'warning', isCloseable: false, isSmall: true, style: { marginBottom: 8 } },
                    "Warning -- No Close ",
                    String.fromCharCode(0x00d7))),
            react_1.default.createElement("div", null,
                react_1.default.createElement(index_1.Banner, { kind: 'danger', style: { marginBottom: 8 }, isSmall: true }, "Danger"),
                react_1.default.createElement(index_1.Banner, { kind: 'danger', isCloseable: false, style: { marginBottom: 8 }, isSmall: true },
                    "Danger -- No Close ",
                    String.fromCharCode(0x00d7))),
            react_1.default.createElement("div", null,
                react_1.default.createElement(index_1.Banner, { kind: 'info', style: { marginBottom: 8 }, isSmall: true }, "Info"),
                react_1.default.createElement(index_1.Banner, { kind: 'info', isCloseable: false, style: { marginBottom: 8 }, isSmall: true },
                    "Info -- No Close ",
                    String.fromCharCode(0x00d7))),
            react_1.default.createElement("div", null,
                react_1.default.createElement(index_1.Banner, { style: { marginBottom: 8 }, isSmall: true, isFilled: false }, "Default -- Outline Only"),
                react_1.default.createElement(index_1.Banner, { kind: 'success', style: { marginBottom: 8 }, isSmall: true, isFilled: false }, "Success -- Outline Only"),
                react_1.default.createElement(index_1.Banner, { kind: 'warning', style: { marginBottom: 8 }, isSmall: true, isFilled: false }, "Warning -- Outline Only"),
                react_1.default.createElement(index_1.Banner, { kind: 'danger', style: { marginBottom: 8 }, isSmall: true, isFilled: false }, "Danger -- Outline Only"),
                react_1.default.createElement(index_1.Banner, { kind: 'info', style: { marginBottom: 8 }, isSmall: true, isFilled: false }, "Info -- Outline Only"))));
    },
});
// begin-hide-from-docs
exports.notes = "\nUse small banners inside `Panels`. Don't use icons inside small banners.\n";
// end-hide-from-docs
//# sourceMappingURL=2.small.js.map