import { Meta, StoryFn } from '@storybook/vue3'
import { GeoSystemeTypeahead } from './geosysteme-typeahead'
import { action } from '@storybook/addon-actions'

const meta: Meta = {
  title: 'Components/Common/GeoSystemeTypeahead',
  // @ts-ignore @storybook/vue3 n'aime pas les composants tsx
  component: GeoSystemeTypeahead,
}
export default meta

const geoSystemeSelected = action('geoSystemeSelected')

export const Default: StoryFn = () => <GeoSystemeTypeahead id="test" geoSystemeSelected={geoSystemeSelected} disabled={false} alwaysOpen={true} />
export const WithGeoSystemeAlreadySelected: StoryFn = () => <GeoSystemeTypeahead id="test" geoSystemeId="2154" disabled={true} />
