@pagopa/mui-italia
Version:
[Material-UI](https://mui.com/core/) theme inspired by [Bootstrap Italia](https://italia.github.io/bootstrap-italia/).
48 lines (47 loc) • 1.52 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Default = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const Walkthrough_1 = require("../Walkthrough");
const _theme_1 = require("../../theme/index");
/* Icons */
const CieIcon_1 = require("../../icons/CieIcon");
const MediumIcon_1 = require("../../icons/MediumIcon");
const SpidIcon_1 = require("../../icons/SpidIcon");
const items = [
{
icon: (0, jsx_runtime_1.jsx)(CieIcon_1.CieIcon, {}),
title: "First Item",
subtitle: "A very descriptive subtitle, that is the intro to our Walkthrough",
},
{
icon: (0, jsx_runtime_1.jsx)(MediumIcon_1.MediumIcon, {}),
title: "Second Item",
subtitle: "Another very descriptive subtitle",
},
{
icon: (0, jsx_runtime_1.jsx)(SpidIcon_1.SpidIcon, {}),
title: "Third Item",
subtitle: "Short subtitle",
},
{
icon: (0, jsx_runtime_1.jsx)(SpidIcon_1.SpidIcon, {}),
title: "Fourth Item",
subtitle: "End Walkthrough",
isSequential: false,
},
];
exports.default = {
title: "Components/Walkthrough",
component: Walkthrough_1.Walkthrough,
args: {
title: "Title",
},
parameters: {
chromatic: {
viewports: _theme_1.breakpointsChromaticValues,
},
},
};
const Default = (args) => ((0, jsx_runtime_1.jsx)(Walkthrough_1.Walkthrough, Object.assign({}, args, { items: items })));
exports.Default = Default;