Autocomplete

variants.tsx

<AutoCompleteSingle items={[{ value: 'one' }]} onChange={(value: string) => {}} />

<AutoCompleteMulti items={[]} onChange={(value: string[]) => {}} />
  
<AutoCompleteMulti items={[]} onChange={(value: string[]) => {}}>
  <AutoCompleteInput onChange={(e) => {}} />

  <AutoCompleteTitle>Suggestions:</AutoCompleteTitle>
</AutoCompleteMulti>

<AutoCompleteMulti value={[]} items={[]} renderItem={(item) => ()} onChange={(value: string[]) => {}}>
  <AutoCompleteInput onChange={(e) => {}} />

  <AutoCompleteCheckBoxGroup items={[{ title: 'one', value: 'one' }]} onChange={(value: string[]) => {}} />

  <AutoCompleteSeletedTitle>Selected:</AutoCompleteSeletedTitle>

  <AutoCompleteSelectedItems items={[]} renderItem={(item) => ()} />

  <AutoCompleteSuggestionsTitle>Suggestions:</AutoCompleteSuggestionsTitle>
</AutoCompleteMulti>
  
 
<AutoCompleteSingle items={[]} renderItem={(item) => ()} renderItems={(items: ReactNode) => ()} onChange={(value: string) => {}}>
  <AutoCompleteInput value={} placeholder="" iconLeft={} onChange={(e) => {}} />

  <AutoCompleteRadioGroup items={[{ title: 'one', value: 'one' }]} onChange={(value: string) => {}} />

  <AutoCompleteSuggestionsTitle>Suggestions:</AutoCompleteSuggestionsTitle>
</AutoCompleteMulti>