import {createFeature} from "./FeatureComponent";

export default {
  title: 'Sections/Feature',
  parameters: {
    layout: 'fullscreen',
  },
  argTypes: {
    kicker: {
      name: 'Dachzeile',
      control: 'text',
      defaultValue: 'IHK Musterstadt',
    },
    headline: {
      name: 'Überschrift',
      control: 'text',
      defaultValue: 'Ihre IHK – Ihre Vorteile',
    },
    copy: {
      name: 'Einleitungstext',
      control: 'text',
      defaultValue: 'Wir beraten und helfen Ihnen als gewerbetreibendes Unternehmen zum Beispiel bei folgenden Themen:',
    },
    links: {
      name: 'Link-Liste',
      control: {type: 'object'},
      defaultValue: [
        {
          title: 'Wahrnehmung Ihrer Interessen',
          link: '#',
        },
        {
          title: 'Fördermöglichkeiten',
          link: '#',
        },
        {
          title: 'Durchführung von Prüfungen',
          link: '#',
        },
        {
          title: 'Beratung zu Themen der Außenwirtschaft',
          link: '#',
        },
        {
          title: 'Beratungen bei Existenzgründung',
          link: '#',
        },
      ]
    },
    icon: {
      name: 'Icon',
      control: {type: 'select'},
      options: ['Eule Doktorhut', 'Anker', 'Blitz', 'Buch Brille', 'Brexit', 'Chart', 'Rettungsring', 'Magazin'],
      defaultValue: 'Eule Doktorhut',
    }
  }
}

const Template = ({...args}) => {
  return createFeature({...args});
}

export const Feature = Template.bind({});
Feature.args = {};