@pagopa/mui-italia
Version:
[Material-UI](https://mui.com/core/) theme inspired by [Bootstrap Italia](https://italia.github.io/bootstrap-italia/).
74 lines (73 loc) • 2.69 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.JustTextProps = exports.JustText = exports.WithImageProps = exports.WithImage = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const _theme_1 = require("../../theme/index");
const Hero_1 = require("../Hero");
const hero_background_png_1 = tslib_1.__importDefault(require("./assets/hero_background.png"));
const hero_image_png_1 = tslib_1.__importDefault(require("./assets/hero_image.png"));
const firstCTA = {
label: "CallToAction 1",
title: "CTA 1",
onClick: (_) => { },
};
const secondCTA = {
label: "CallToAction 2",
title: "CTA 2",
onClick: (_) => { },
};
exports.default = {
title: "Components/Hero",
component: Hero_1.Hero,
decorators: [
(Story) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: { padding: 0, backgroundColor: "#F5F5F5" } }, { children: (0, jsx_runtime_1.jsx)(Story, {}) }))),
],
parameters: {
chromatic: {
viewports: _theme_1.breakpointsChromaticValues,
},
},
args: {
title: "Title",
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.",
inverse: false,
background: hero_background_png_1.default,
showPrimary: true,
ctaPrimary: firstCTA,
ctaSecondary: secondCTA,
},
argTypes: {
inverse: {
options: [true, false],
control: { type: "boolean" },
table: {
type: { summary: "boolean" },
defaultValue: { summary: false },
},
},
type: {
table: {
disable: true,
},
},
},
};
const WithImage = (args) => ((0, jsx_runtime_1.jsx)(Hero_1.Hero, Object.assign({}, args)));
exports.WithImage = WithImage;
exports.WithImageProps = exports.WithImage.bind({});
exports.WithImage.args = {
type: "image",
image: hero_image_png_1.default,
altText: "altText",
};
const JustText = (args) => ((0, jsx_runtime_1.jsx)(Hero_1.Hero, Object.assign({}, args)));
exports.JustText = JustText;
exports.JustTextProps = exports.JustText.bind({});
exports.JustText.args = {
type: "text",
};
exports.JustText.argTypes = {
image: { table: { disable: true } },
altText: { table: { disable: true } },
};