@violetprotocol/nudge-components/dist/src/atoms/OptionBox/OptionBox.stories.js

Components for Nudge's websites and applications.

import { jsx as _jsx } from "react/jsx-runtime";
import { OptionBox } from "./OptionBox";
const meta = {
    component: OptionBox,
    args: {
        title: "Liquid Restaking",
        icon: "liquid-staking",
        changeIconColor: true,
    },
};
export default meta;
const argTypes = {
    selected: {
        control: { type: "boolean" },
    },
    disabled: {
        control: { type: "boolean" },
    },
    changeIconColor: {
        control: { type: "boolean" },
    },
};
export const Default = {
    render: (args) => _jsx(OptionBox, { ...args }),
    argTypes,
};
export const WithTag = {
    render: (args) => _jsx(OptionBox, { ...args }),
    args: {
        icon: "eigen-layer",
        title: "Eigen Layer",
        changeIconColor: false,
        tag: "Best rewards"
    },
    argTypes,
};
export const Selected = {
    render: (args) => _jsx(OptionBox, { ...args }),
    args: {
        selected: true,
    },
    argTypes,
};
export const Disabled = {
    render: (args) => _jsx(OptionBox, { ...args }),
    args: {
        disabled: true,
    },
    argTypes,
};