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

Components for Nudge's websites and applications.

import { jsx as _jsx } from "react/jsx-runtime";
import { Icon } from "./Icon";
import { getAvailableIconNames } from "./getIconNames";
const meta = {
    component: Icon,
};
export default meta;
const argTypes = {
    name: {
        options: getAvailableIconNames(),
        control: { type: "select" },
    },
    height: {
        control: { type: "number" },
    },
    width: {
        control: { type: "number" },
    },
    color: {
        options: ["neutral-000", "neutral-600", "neutral-950"],
        control: { type: "select" },
    },
};
export const Primary = {
    render: (args) => _jsx(Icon, { ...args }),
    args: {
        name: "coins-swap-02",
        height: 24,
        width: 24,
        color: "grey",
    },
    argTypes,
};
export const RemoteUriIcon = {
    render: (args) => _jsx(Icon, { ...args }),
    args: {
        name: "https://nudge.xyz/favicon.ico",
        height: 24,
        width: 24,
        color: "grey",
    },
    argTypes,
};