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

import { TenantHeader } from './tenant-header';
import type { TenantHeaderProps } from './tenant-header';

export default {
  component: TenantHeader,
  title: 'Deprecated/Templates/TenantHeader',
  argTypes: {
    title: {
      description: 'The title of the component.'
    },
    subtitle: {
      description: 'The subtitle of the component.'
    },
    titleDetail: {
      description: 'A label component right to the title.'
    },
    tenantDetailsProps: {
      description:
        'Props which will be passed into the tenant details component.'
    }
  }
} as Meta;

const Template: Story<TenantHeaderProps> = (args) => <TenantHeader {...args} />;

export const Primary = Template.bind({});
Primary.args = {
  title: 'Title',
  titleDetail: 'Banner',
  subtitle: 'More details',
  tenantDetailsProps: {
    items: [
      {
        label: 'Country',
        text: 'US'
      },
      {
        label: 'Industry',
        text: 'Biotechnology'
      },
      {
        label: 'WebSite',
        path: 'https://website.test',
        text: 'Go to Site'
      },
      {
        label: 'Comp. size',
        text: 'Large'
      },
      {
        label: 'Market cap',
        text: '$1.3B'
      },
      {
        label: 'Type',
        text: 'Partner (Distributor)'
      },
      {
        label: 'Origin',
        text: 'Affiliates'
      }
    ]
  }
};
