@wonderflow/react-components/dist/components/symbol/symbol.stories.js

UI components from Wonderflow's Wanda design system

import { jsx as _jsx } from "react/jsx-runtime";
import { Symbol } from './symbol';
const story = {
    title: 'Widgets/Symbol',
    component: Symbol,
    args: {
        weight: 'outline',
        dimension: 24,
        fill: 'currentColor',
    },
    argTypes: {
        weight: {
            control: {
                options: ['solid', 'outline', 'duotone'],
                type: 'inline-radio',
            },
        },
    },
};
export default story;
const Template = args => _jsx(Symbol, { ...args });
const CustomReactIcon = ({ ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 48, height: 48, viewBox: "0 0 256 256", ...props, children: _jsx("path", { d: "M128 16a96.2 96.2 0 0 0-96 96c0 24 12.6 55.1 33.6 83s44.5 45 62.4 45 41.2-16.8 62.4-45 33.6-59 33.6-83a96.2 96.2 0 0 0-96-96ZM64 116v-4a12 12 0 0 1 12-12 36 36 0 0 1 36 36v4a12 12 0 0 1-12 12 36 36 0 0 1-36-36Zm80 84h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 0 16Zm48-84a36 36 0 0 1-36 36 12 12 0 0 1-12-12v-4a36 36 0 0 1 36-36 12 12 0 0 1 12 12Z" }) }));
export const Default = Template.bind({});
Default.args = {
    source: 'comment',
};
export const CustomSymbol = Template.bind({});
CustomSymbol.args = {
    source: _jsx(CustomReactIcon, {}),
};