import React from 'react';
import { ComponentStory, ComponentMeta } from '@storybook/react';
import CustomElement from 'Components/custom-element/CustomElement';

// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
export default {
  title: 'DPG Media/CustomElement',
  component: CustomElement,
  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
} as ComponentMeta<typeof CustomElement>;

// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
const Template: ComponentStory<typeof CustomElement> = (args) => <CustomElement {...args} />;

export const Stale = Template.bind({});
// More on args: https://storybook.js.org/docs/react/writing-stories/args
Stale.args = {
  label: 'Button',
  isHere: true
};

export const NoStale = Template.bind({});
// More on args: https://storybook.js.org/docs/react/writing-stories/args
NoStale.args = {
  label: 'No Stale label'
};