@momentum-ui/react-collaboration/src/components/ReactionBadge/ReactionBadge.stories.args.ts

Cisco Momentum UI Framework for React Collaboration Applications

import { commonMdcButton, commonStyles } from '../../storybook/helper.stories.argtypes';

import { REACTION_BADGE_CONSTANTS as CONSTANTS } from './';

export default {
  ...commonMdcButton,
  ...commonStyles,
  count: {
    description: 'Number of reactions.',
    control: { type: 'number' },
    table: {
      type: {
        summary: 'number',
      },
      defaultValue: {
        summary: 1,
      },
    },
  },
  reacted: {
    description: 'Whether to render the `<ReactionBadge />` as reacted.',
    options: [true, false],
    control: { type: 'boolean' },
    table: {
      type: {
        summary: 'boolean',
      },
      defaultValue: {
        summary: CONSTANTS.DEFAULTS.REACTED,
      },
    },
  },
  reaction: {
    description: '`<Reaction />` for this `<ReactionBadge />`.',
    control: { type: 'none' },
    table: {
      type: {
        summary: 'Reaction',
      },
      defaultValue: {
        summary: 'undefined',
      },
    },
  },
};