import { HTMLSelectAttributes } from 'svelte/elements';
import { DefaultProps, Override, SvelteUISize } from '../../styles';
import { InputBaseProps } from '../Input/Input';
import { InputWrapperBaseProps } from '../InputWrapper/InputWrapper';

export interface SelectItem {
	value: string;
	label?: string;
	disabled?: boolean;
	group?: string;
	[key: string]: any;
}

interface NativeSelectPropsInternal extends DefaultProps<HTMLInputElement> {
	id?: string;
	placeholder?: string;
	data?: (string | SelectItem)[];
	inputStyle?: Override['props'];
	wrapperProps?: Record<string, unknown>;
	size?: SvelteUISize;
}

export type NativeSelectProps = NativeSelectPropsInternal &
	InputBaseProps &
	Omit<HTMLSelectAttributes, 'size'> &
	InputWrapperBaseProps;