import {createInputSelect} from "./InputSelectComponent";
import {InputSelectData} from "./InputSelectData";

export default {
  title: 'Atoms/Input Select',
  args: {
    options: InputSelectData,
    selected: -1,
    id: 'field-name',
    name: 'field-name',
    placeholder: 'Bitte wählen',
  },
  argTypes: {
    options: {
      name: 'Optionen',
    },
    selected: {
      name: 'Vorausgewählt (-1 = keine Auswahl)',
    },
    id: {
      name: 'ID',
    },
    name: {
      name: 'Name-Attribut',
    },
    placeholder: {
      name: 'Platzhalter',
    },
  }
}

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

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