@pagopa/mui-italia
Version:
[Material-UI](https://mui.com/core/) theme inspired by [Bootstrap Italia](https://italia.github.io/bootstrap-italia/).
45 lines (44 loc) • 1.8 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Default = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const HorizontalNav_1 = require("../HorizontalNav/HorizontalNav");
const CieIcon_1 = require("../../icons/CieIcon");
const SpidIcon_1 = require("../../icons/SpidIcon");
const _theme_1 = require("../../theme/index");
const sections = [
{
icon: (0, jsx_runtime_1.jsx)(CieIcon_1.CieIcon, {}),
title: "First Item",
subtitle: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eget lacus consequat, accumsan metus sed, pharetra dui. Praesent at accumsan odio. Praesent augue ipsum, pharetra eget metus vel, bibendum dapibus augue. Nunc maximus id eros finibus laoreet. Integer iaculis, neque at feugiat accumsan, nisi magna iaculis nisl, ultricies euismod nulla orci sit amet justo.",
cta: {
label: "CTA label",
title: "CTA 1",
href: "#",
},
},
{
icon: (0, jsx_runtime_1.jsx)(SpidIcon_1.SpidIcon, {}),
title: "Second Item",
subtitle: "Second subtitle",
cta: {
label: "CTA 2 label",
title: "CTA 2",
href: "#",
},
},
];
exports.default = {
title: "Components/HorizontalNav",
component: HorizontalNav_1.HorizontalNav,
parameters: {
chromatic: {
viewports: _theme_1.breakpointsChromaticValues,
},
},
decorators: [
(Story) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: { padding: 0, backgroundColor: "#F5F5F5" } }, { children: (0, jsx_runtime_1.jsx)(Story, {}) }))),
],
};
const Default = () => ((0, jsx_runtime_1.jsx)(HorizontalNav_1.HorizontalNav, { sections: sections }));
exports.Default = Default;