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

import './PoweredBy.css';

const meta: Meta = {
  title: 'Powered by',
  component: PoweredBy,
  argTypes: {},
  parameters: {
    controls: { expanded: true },
  },
};

export default meta;

const Template: Story<Props> = args => <PoweredBy {...args} />;

export const Default = Template.bind({});
Default.args = {
  userLang: 'en',
};

export const Italian = Template.bind({});
Italian.args = {
  userLang: 'it',
};

export const MemoryTwin = Template.bind({});
MemoryTwin.args = {
  tenant: {
    id: 'memorytwin',
    theme: 'memorytwin',
    config: {
      name: 'MemoryTwin',
      showNewUser: true,
      requirePosition: false,
      feedbackURL: '',
    },
  },
};

export const TwinCreator = Template.bind({});
TwinCreator.args = {
  tenant: {
    id: 'twincreator',
    theme: 'twincreator',
    config: {
      name: 'twincreator',
      showNewUser: true,
      requirePosition: false,
      feedbackURL: '',
    },
  },
};

export const AIsuru = Template.bind({});
AIsuru.args = {
  tenant: {
    id: 'AIsuru',
    theme: 'aisuru',
    config: {
      name: 'AIsuru',
      showNewUser: true,
      requirePosition: false,
      feedbackURL: '',
    },
  },
};

export const WithData = Template.bind({});
WithData.args = {
  integrationID: 'abc',
  memoriHash: 'tenant-owner-memori',
};