import React from 'react';
import { ComponentStory, ComponentMeta } from '@storybook/react';
import EmotionStyled from 'Components/emotion-styled/EmotionStyled';

export default {
  title: 'DPG Media/EmotionStyled',
  component: EmotionStyled,
} as ComponentMeta<typeof EmotionStyled>;

const Template: ComponentStory<typeof EmotionStyled> = (args) => <EmotionStyled {...args} />;

export const Default = Template.bind({});
Default.args = {
  label: 'Emotion Styled Default',
};

export const Altered = Template.bind({});
Altered.args = {
  label: 'Altered label',
  isMarked: true
};