import {createMiniTeaser} from "./MiniTeaserComponent";

export default {
  title: 'Components/Mini Teaser',
  parameters: {
    backgrounds: {
      default: 'lightblue',
    },
  },
  argTypes: {
    type: {
      name: 'Typ',
      control: {type: 'select'},
      options: ['single-topic'],
      defaultValue: 'single-topic',
    },
    title: {
      name: 'Titel',
      control: 'text',
      defaultValue: 'Schwerpunktthema Digitalisierung',
    },
    link: {
      name: 'Link',
      control: 'text',
      defaultValue: '#',
    },
    icon: {
      name: 'Icon',
      control: {type: 'select'},
      options: ['Roboter', 'Anker', 'Blitz', 'Buch Brille', 'Brexit', 'Chart', 'Rettungsring', 'Magazin'],
      defaultValue: 'Roboter',
    }
  }
}

const MiniTeaser = ({...args}) => {
  return createMiniTeaser({...args});
}

export const SingleMiniTeaser = MiniTeaser.bind({});
SingleMiniTeaser.args = {};