@pagopa/mui-italia
Version:
[Material-UI](https://mui.com/core/) theme inspired by [Bootstrap Italia](https://italia.github.io/bootstrap-italia/).
42 lines (41 loc) • 1.42 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Default = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const _theme_1 = require("../../theme/index");
const WarningAmber_1 = tslib_1.__importDefault(require("@mui/icons-material/WarningAmber"));
const EnvironmentBanner_1 = require("./EnvironmentBanner");
const componentMaxWidth = 900;
exports.default = {
title: "Components/EnvironmentBanner",
component: EnvironmentBanner_1.EnvironmentBanner,
parameters: {
chromatic: {
viewports: _theme_1.breakpointsChromaticValues.filter((resolution) => resolution <= componentMaxWidth),
},
},
argTypes: {
bgColor: {
control: {
type: "radio",
options: ["info", "warning"],
},
},
message: {
control: {
type: "text",
},
},
icon: {
control: {
disable: true,
},
},
},
};
const Default = (args) => ((0, jsx_runtime_1.jsx)(EnvironmentBanner_1.EnvironmentBanner, Object.assign({}, args, { message: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", icon: (0, jsx_runtime_1.jsx)(WarningAmber_1.default, { fontSize: "small" }) })));
exports.Default = Default;
exports.Default.args = {
bgColor: "info",
};