import {stepsData} from "./StepsData";
import {createSteps} from "./StepsComponent";

export default {
  title: 'Components/Content Tabs',
  argTypes: {
    headline: {
      name: 'Überschrift',
      control: {type: 'text'},
      defaultValue: 'Schritt für Schritt zur Soforthilfe',
    },
    contents: {
      name: 'Inhalte',
      control: {type: 'object'},
      defaultValue: stepsData,
    }
  }
}

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

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