import {createSearchInput} from "./SearchInputComponent";

export default {
  title: 'Atoms/Search Input',
  args: {
    placeholder: 'Hier Ihr Thema finden',
    autocomplete: false,
    id: 'search-term',
  },
  argTypes: {
    placeholder: {
      name: 'Platzhalter',
    },
    autocomplete: {
      name: 'Auto-Vervollständigung des Browsers erlauben',
    },
    id: {
      name: 'ID',
    },
  }
}

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

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