import React from 'react';
import { sampleOperatorCards } from '../../../../../../tests/factories/modules/matrix/card.factory';
import gameCardBgThumb from '../../../../../../storybook-images/game-card-bg-thumb.png';
import TemplateFour from '.';

const card = sampleOperatorCards.items[0];

export default {
  title: 'Theme/Modules/Cards/Game/Template Four',
  component: TemplateFour,
  item: {
    name: 'item',
    type: { name: 'object', required: false },
    defaultValue: null,
    description: 'The card object.',
  },
  translations: {
    name: 'translations',
    type: { name: 'object', required: false },
    defaultValue: {
      play_now_slots: 'Play Slots LANG',
    },
    description: 'The translations object',
  },
};

const Template = (args) => <TemplateFour {...args} />;
export const Default = Template.bind({});
Default.args = {
  // eslint-disable-next-line object-shorthand
  item: {
    ...card,
    banner: '',
    title: 'Wolf Gold',
    relation: {
      ...card.relation,
      rating: '4.5',
      game_provider: {
        name: 'NetEnt',
        path: 'netent-casinos',
      },
    },
  },
  translations: {
    play_now_slots: 'Play Slots LANG',
  },
  storybookImage: gameCardBgThumb,
};
