@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.52 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 LightbulbOutlined_1 = tslib_1.__importDefault(require("@mui/icons-material/LightbulbOutlined"));
const _theme_1 = require("../../theme/index");
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: ['white', '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)(LightbulbOutlined_1.default, { fontSize: "small" }), onClose: () => { }, actionButton: { label: 'Scopri di più', onClick: () => { } } })));
exports.Default = Default;
exports.Default.args = {
bgColor: 'info',
};