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

import { ASSETS_URL } from '../../../consts/common';
import { InfoCardItem } from './info-card-item';
import type { InfoCardItemProps } from './info-card-item';

export default {
  component: InfoCardItem,
  title: 'Deprecated/Components/InfoCardItem',
  argTypes: {
    title: {
      description: 'The text that will be displayed at top of the component.'
    },
    subtitle: {
      description: 'The text that will be displayed in the second line.'
    },
    href: {
      description: 'Providing this prop will make the subtitle become a link.'
    },
    icons: {
      description: 'Providing this prop will override subtitle.'
    }
  }
} as Meta;

const Template: Story<InfoCardItemProps> = args => <InfoCardItem {...args} />;

export const Primary = Template.bind({});
Primary.args = {
  title: 'Title',
  subtitle: 'Subtitle',
  href: '',
  icons: []
};

export const WithIcons = Template.bind({});
WithIcons.args = {
  ...Primary.args,
  icons: [
    {
      src: `${ASSETS_URL}/flags/usa.svg`
    },
    {
      src: `${ASSETS_URL}/flags/russian_federation.svg`
    }
  ]
};