import React from 'react';
import { Meta, Story } from '@storybook/react';
import { MoleculeEmptyData, IEmptyDataProps } from 'react/molecules/EmptyData';

const meta: Meta = {
  title: 'React/molecules/EmptyData',
  component: MoleculeEmptyData,
  argTypes: {},
  parameters: {
    controls: { expanded: true },
  },
};

export default meta;

const TemplateEmptyData: Story<IEmptyDataProps> = (props) => (
  <MoleculeEmptyData {...props} />
);

export const EmptyData = TemplateEmptyData.bind({});

EmptyData.args = {
  titleText: 'Het Beer Lover!',
  bodyText: 'New offers comming soon, please stay tuned for more',
  blueText: 'Click here to earn more points',
  linkBlueText: 'https://www.google.com/',
};
