@pagopa/mui-italia
Version:
[Material-UI](https://mui.com/core/) theme inspired by [Bootstrap Italia](https://italia.github.io/bootstrap-italia/).
49 lines (48 loc) • 1.54 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.OnlyIconTag = exports.NoIconTag = exports.SuccessTag = exports.ErrorTag = exports.WarningTag = exports.InfoTag = exports.DefaultTag = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const StarRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/StarRounded"));
const AttachFileRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/AttachFileRounded"));
const Tag_1 = require("./Tag");
exports.default = {
title: 'Components/Tag',
component: Tag_1.Tag,
args: {
value: 'Tag Content',
variant: 'default',
ariaLabel: 'Stato: test',
},
};
const Template = (args) => (0, jsx_runtime_1.jsx)(Tag_1.Tag, Object.assign({}, args));
exports.DefaultTag = Template.bind({});
exports.DefaultTag.args = {
variant: 'default',
icon: StarRounded_1.default,
};
exports.InfoTag = Template.bind({});
exports.InfoTag.args = {
variant: 'info',
};
exports.WarningTag = Template.bind({});
exports.WarningTag.args = {
variant: 'warning',
};
exports.ErrorTag = Template.bind({});
exports.ErrorTag.args = {
variant: 'error',
};
exports.SuccessTag = Template.bind({});
exports.SuccessTag.args = {
variant: 'success',
};
exports.NoIconTag = Template.bind({});
exports.NoIconTag.args = {
icon: undefined,
};
exports.OnlyIconTag = Template.bind({});
exports.OnlyIconTag.args = {
variant: 'only-icon',
icon: AttachFileRounded_1.default,
};