import { SafeHtml } from 'kerfjs';
import { LucideNode } from './lucide-icon.js';
import 'lucide';

interface SelectChoice<Value extends string = string> {
    value: Value;
    label: string;
    icon?: LucideNode;
    iconName?: string;
    color?: string;
    group?: string;
    separatorBefore?: boolean;
}
interface SelectProps<Value extends string = string> {
    name: string;
    value: Value;
    label?: string;
    ariaLabel?: string;
    choices: readonly SelectChoice<Value>[];
    className?: string;
    placeholder?: string;
    disabled?: boolean;
    fitMenu?: boolean;
    renderSelected?: (choice: SelectChoice<Value>) => SafeHtml;
}
declare function Select<Value extends string>({ name, value, label, ariaLabel, choices, className, placeholder, disabled, fitMenu, renderSelected }: SelectProps<Value>): SafeHtml;

export { Select, type SelectChoice, type SelectProps };