/**
 * @file Option & OptionGroup
 * @desc 对外的 Option & OptionGroup 组件定义
 */

import { ReactNode, LiHTMLAttributes } from 'react'

import { WithRef } from '../utils/type'
import { Value } from './common'

export interface OptionProps<T> {
  /** 值 */
  value: T;
  /** 是否禁用 */
  disabled?: boolean;
  /** 展示内容 */
  children: ReactNode;
  /** 需要传给 `option` 的 html 属性 */
  rootHtmlProps?: WithRef<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>;
}

export function Option<T extends Value = Value>({
  value,
  disabled = false,
  children
}: OptionProps<T>) {
  return null
}

export interface OptionGroupProps<T> {
  /** 标题 */
  title: string;
  /** 内容（Option） */
  children: ReactNode;
}

export function OptionGroup<T extends Value = Value>(props: OptionGroupProps<T>) {
  return null
}