import React from 'react';
import { FooterWidget}  from '../components/'
import {  mockFooterItem } from '../../__MOCK__/mockFooterItem.js'
import {  mockFooterItemShort } from '../../__MOCK__/mockFooterItemShort'

// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
export default {
  title: 'page-ui/Footer',
  component: FooterWidget,
  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
 
};

// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
const Template = (args) => <FooterWidget  {...args}   />


export const FooterDefualt = Template.bind({});





FooterDefualt.args = {
    data : mockFooterItemShort,
    imageHost          :"https://thumb.izcene.com/mcneto/0x0/webp/",
    imageHostbackground:"https://thumb.izcene.com/mcneto/0x0/webp/",
    isPreviewMode:true,
    footerColumnCount:4,
    gridColSizeIconPayment:4,
    activeColumn:0,
    // responsiveIconSizePayment:"8em",
    // responsiveIconSize:"2em"




    
    // defulatFontSize:"0.3vw",
    // defulatTitleFontSize:"0.02rem",
    // responsiveFontSize:"1vw",
    // responsiveTitleFontSize:"0.1vw",
    // responsiveIconSize: "1.1vw",
    // responsivefontCopyRightSize:"20px"

}