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

Components for Nudge's websites and applications.

import { jsx as _jsx } from "react/jsx-runtime";
import { SocialIcon } from "./SocialIcon";
import { SocialIconVariant } from "./types";
const meta = {
    component: SocialIcon,
};
export default meta;
const argTypes = {
    variant: {
        options: Object.values(SocialIconVariant),
        control: { type: "select" },
    },
};
export const Primary = {
    render: (args) => _jsx(SocialIcon, { ...args }),
    args: {
        variant: SocialIconVariant.X,
    },
    argTypes,
    parameters: {
        themes: {
            themeOverride: "dark",
        },
    },
};
export const Discord = {
    render: (args) => _jsx(SocialIcon, { ...args }),
    args: {
        variant: SocialIconVariant.DISCORD,
    },
    argTypes,
    parameters: {
        themes: {
            themeOverride: "dark",
        },
    },
};
export const Telegram = {
    render: (args) => _jsx(SocialIcon, { ...args }),
    args: {
        variant: SocialIconVariant.TELEGRAM,
    },
    argTypes,
    parameters: {
        themes: {
            themeOverride: "dark",
        },
    },
};
export const XLarge = {
    render: (args) => _jsx(SocialIcon, { ...args }),
    args: {
        variant: SocialIconVariant.X_LG,
    },
    argTypes,
};
export const DiscordLarge = {
    render: (args) => _jsx(SocialIcon, { ...args }),
    args: {
        variant: SocialIconVariant.DISCORD_LG,
    },
    argTypes,
};
export const TelegramLarge = {
    render: (args) => _jsx(SocialIcon, { ...args }),
    args: {
        variant: SocialIconVariant.TELEGRAM_LG,
    },
    argTypes,
};
export const FarcasterLarge = {
    render: (args) => _jsx(SocialIcon, { ...args }),
    args: {
        variant: SocialIconVariant.FARCASTER_LG,
    },
    argTypes,
};
export const LinkLarge = {
    render: (args) => _jsx(SocialIcon, { ...args }),
    args: {
        variant: SocialIconVariant.LINK_LG,
    },
    argTypes,
    parameters: {
        themes: {
            themeOverride: "dark",
        },
    },
};
export const Youtube = {
    render: (args) => _jsx(SocialIcon, { ...args }),
    args: {
        variant: SocialIconVariant.YOUTUBE,
    },
    argTypes,
    parameters: {
        themes: {
            themeOverride: "dark",
        },
    },
};
export const Shopify = {
    render: (args) => _jsx(SocialIcon, { ...args }),
    args: {
        variant: SocialIconVariant.SHOPIFY,
    },
    argTypes,
    parameters: {
        themes: {
            themeOverride: "dark",
        },
    },
};
export const Mail = {
    render: (args) => _jsx(SocialIcon, { ...args }),
    args: {
        variant: SocialIconVariant.MAIL,
    },
    argTypes,
    parameters: {
        themes: {
            themeOverride: "dark",
        },
    },
};