@violetprotocol/nudge-components/dist/src/molecules/MultiplierCard/MultiplierCard.stories.js

Components for Nudge's websites and applications.

import { jsx as _jsx } from "react/jsx-runtime";
import { MultiplierCard } from "./MultiplierCard";
const meta = {
    component: MultiplierCard,
};
export default meta;
export const Primary = {
    render: (args) => _jsx(MultiplierCard, { ...args }),
    args: {
        icon: "x",
        title: "Test multiplier title",
        progress: 3,
        maxProgress: 7,
        multiplier: "10x",
        onCtaClick: () => {
            alert("Clicked!");
        },
        ctaText: "Click me!",
    },
};
export const NoProgressBar = {
    render: (args) => _jsx(MultiplierCard, { ...args }),
    args: {
        icon: "x",
        title: "Test multiplier title",
        subtitle: "Test subtitle",
        multiplier: "10x",
        onCtaClick: () => {
            alert("Clicked!");
        },
        ctaText: "Click me!",
    },
};