import { useUncontrolled, useUncontrolledProp } from '../src'

interface Props {
  value?: string
  defaultValue: string | undefined
  onChange?(value: string, meta: {}): void
}

function Foo(props: Props) {
  // $ExpectType [string, (value: string, meta: {}) => void]
  const [value, onChange] = useUncontrolledProp(
    props.value,
    props.defaultValue,
    props.onChange
  )
}

function FooA(props: Props) {
  // $ExpectType { value: string, onChange:  (value: string, meta: {}) => void }
  const a = useUncontrolled<Props, 'defaultValue'>(props, {
    value: 'onChange',
  })

  // $ExpectType Props
  const b = useUncontrolled(props, {
    value: 'onChange',
  })
}