import {createContact} from "./ContactComponent";
import {ContactData} from "./ContactData";

export default {
  title: 'Components/Contact',
  argTypes: {
    headline: {
      name: 'Überschrift',
      control: 'text',
      defaultValue: 'Kontakt',
    },
    contactCount: {
      name: 'Anzahl Kontakte',
      control: {
        type: 'range',
        min: 1,
        max: 3,
      },
      defaultValue: 2,
    },
    contacts: {
      name: 'Kontakte',
      control: {type: 'object'},
      defaultValue: ContactData,
    },
  }
}

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

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