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

import { InfoCardWithDate } from './info-card-with-date';
import type { InfoCardWithDateProps } from './info-card-with-date';

export default {
  component: InfoCardWithDate,
  title: 'Deprecated/Templates/InfoCardWithDate',
  argTypes: {
    title: {
      description: 'The top text of card.',
      table: {
        defaultValue: {
          summary: '-'
        }
      }
    },
    data: {
      description: 'The main content of the card.',
      table: {
        defaultValue: {
          summary: '-'
        }
      }
    },
    dateDescription: {
      description: 'Info about the last text.',
      table: {
        defaultValue: {
          summary: '-'
        }
      }
    },
    date: {
      description: 'The bottom text of the card.',
      table: {
        defaultValue: {
          summary: '-'
        }
      }
    }
  }
} as Meta;

const Template: Story<InfoCardWithDateProps> = args => <InfoCardWithDate {...args} />;

export const Primary = Template.bind({});
Primary.args = {
  title: 'Billing Cycle',
  data: 'Monthly',
  dateDescription: 'Next billing date:',
  date: 'Apr 02, 2021'
};