import React from 'react';
import {Meta, StoryFn} from '@storybook/react';

import {Reactions, ReactionProps} from './index';

const meta: Meta<typeof Reactions> = {
  title: 'Custom/Reactions',
  component: Reactions,
};

const Template: StoryFn<ReactionProps> = args => <Reactions {...args} />;

export const Select = Template.bind({});
Select.args = {
  reactions: [
    {
      emoji: '👍',
      count: 1,
      isLoggedUserReaction: true,
    },
    {
      emoji: '👎',
      count: 1,
    },
    {
      emoji: '👏',
      count: 1,
    },
  ],
};

export default meta;