import React from 'react';
import Cards from './index';

export default {
  title: 'Core/Cards',
  component: Cards
};

const Template = args => (
  <div style={{ maxWidth: '300px' }}>
    <Cards {...args}>{args?.children}</Cards>
  </div>
);

export const Default = Template.bind({});
Default.args = {
  title: 'Consentement Marketing',
  titleAs: 'h3',
  description: 'Newsletters, phoning, partenaires...',
  textLink: 'Lire la suite',
  iconLink: 'ArrowNext',
  image:
    'https://images.prismic.io/axeptio/NmZlZDM3ZDMtOGM3NC00NGVjLWE5ZjQtYTgwNzZlMjNkMThj_624459a5157022899a9f0a35_wolfpack_coaching_illu.png?auto=compress,format&rect=0,0,1080,1080&w=1080&h=1080'
};