Search Input

import React, { useState } from 'react'
import { SearchInput } from '@otfdashkit/ui'

function SearchDemo() {
  const [val, setVal] = useState('')
  return (
    <div className="flex flex-col gap-4 max-w-sm">
      <SearchInput placeholder="Search…" shortcut="⌘K" value={val} onChange={setVal} onClear={() => setVal('')} />
      <SearchInput placeholder="Filter results" value={val} onChange={setVal} />
    </div>
  )
}

export function Example() {
  return (
    <SearchDemo />
  )
}