@cimpress/react-components
Version:
React components to support the MCP styleguide
33 lines • 1.26 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.StatusVariants = exports.Default = void 0;
const react_1 = __importDefault(require("react"));
const Alert_1 = require("../Alert");
const meta = {
title: 'Components/Alert',
component: Alert_1.Alert,
};
exports.default = meta;
exports.Default = {
args: {
title: 'Alert title',
message: 'Alert message',
},
};
function AlertStory(props) {
return (
// Wrap in `div` so that `flex` doesn't affect `Alert`
react_1.default.createElement("div", null,
react_1.default.createElement(Alert_1.Alert, Object.assign({ title: "Title", message: "Message" }, props))));
}
exports.StatusVariants = {
render: () => (react_1.default.createElement("div", null,
react_1.default.createElement(AlertStory, { status: "info" }),
react_1.default.createElement(AlertStory, { status: "success" }),
react_1.default.createElement(AlertStory, { status: "warning" }),
react_1.default.createElement(AlertStory, { status: "danger" }))),
};
//# sourceMappingURL=Alert.stories.js.map