/* eslint-disable import/no-extraneous-dependencies */
import React from 'react';
import {
  Title,
  Description,
  Primary,
  PRIMARY_STORY,
  ArgsTable,
} from '@storybook/addon-docs/blocks';
import TemplateOne from '.';

export default {
  title: 'Theme/Modules/Spotlight/Image Text/Template One',
  component: TemplateOne,
  argTypes: {},
  parameters: {
    docs: {
      description: {
        component: 'A component that shows a list of pros and cons and corresponding icons.',
      },
      page: () => (
        <>
          <Title />
          <Description />
          <Primary />
          <ArgsTable story={PRIMARY_STORY} />
        </>
      ),
    },
  },
};

const Template = (args) => <TemplateOne {...args} />;

export const Default = Template.bind({});
Default.args = {
  module: {
    mode: 'image_text',
    read_more_text: '',
    show_read_more: '1',
    items: [
      {
        image: `1702027902/featured-image.png`,
        label: `Lorem Ipsum `,
        link: {
          title: null,
          type: 'internal',
          value: `/rizk`,
        },
        link_text: 'Read More',
        text: `<p>Lorem ipsum dolor sit amet consectetur. Diam justo eu tellus morbi amet suspendisse purus tincidunt. Fermentum with risus felis feugiat scelerisque in convallis id cras. Varius lacus id lacus hendrerit commodo orci loredio dignissim massa mauris massa pellentesque et magna lectus duis. Rhoncus eros enim egestas integer eu duis ullamcorper. Magna dictum suspendisse habitasse massa. Odio viverra sit nisl duis nisl sit. Quam ut tincidunt dui lorem pretium commodo aliquam accumsan. Sagittis ultrices est vitae habitant eget morbi. Eu non ipsum pretium enim eleifend quam ut. At tortor in ut sed ultrices suspendisse bibendum nunc. In odio volutpat scelerisque gravida egestas ut turpis. Ut facilisi massa elit maecenas amet volutpat quis eu.</p>`,
      },
      {
        image: `1702027902/featured-image.png`,
        label: `Lorem Ipsum `,
        link: {
          title: null,
          type: 'internal',
          value: `/rizk`,
        },
        link_text: 'Read More',
        text: `<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>`,
      },
      {
        image: `1702027902/featured-image.png`,
        label: `Lorem Ipsum `,
        link: {
          title: null,
          type: 'internal',
          value: `/rizk`,
        },
        link_text: 'Read More',
        text: `<p>Lorem ipsum dolor sit amet consectetur. Diam justo eu tellus morbi amet suspendisse purus tincidunt. Fermentum with risus felis feugiat scelerisque in convallis id cras. Varius lacus id lacus hendrerit commodo orci loredio dignissim massa mauris massa pellentesque et magna lectus duis. Rhoncus eros enim egestas integer eu duis ullamcorper. Magna dictum suspendisse habitasse massa. Odio viverra sit nisl duis nisl sit. Quam ut tincidunt dui lorem pretium commodo aliquam accumsan. Sagittis ultrices est vitae habitant eget morbi. Eu non ipsum pretium enim eleifend quam ut. At tortor in ut sed ultrices suspendisse bibendum nunc. In odio volutpat scelerisque gravida egestas ut turpis. Ut facilisi massa elit maecenas amet volutpat quis eu.</p>`,
      },
    ],
  },
  scrollableContent: false,
};
