import React, { ComponentProps } from 'react';
import { Story, Meta } from '@storybook/react';
import { Badge } from '../badge';
import { BadgeType } from '../types';

export default {
  title: 'Common/Badge',
  component: Badge,
} as Meta;

const Template: Story<ComponentProps<typeof Badge>> = args => <Badge {...args} />;

export const Default = Template.bind({});
Default.args = {
  text: 'Badge text',
};

export const Light = Template.bind({});
Light.args = {
  text: 'Badge text',
  type: BadgeType.Light,
};

export const Outlined = Template.bind({});
Outlined.args = {
  text: 'Badge text',
  type: BadgeType.Outlined,
};