/**
 * CustomSelect — lightweight, accessible custom dropdown replacement for native <select>.
 *
 * CSS Variables (apply on a parent element to customize):
 * --seekora-select-bg           — background color (default: #fff)
 * --seekora-select-color        — text color (default: inherit)
 * --seekora-select-border       — border color (default: rgba(128,128,128,0.3))
 * --seekora-select-hover-bg     — option hover background (default: #f3f4f6)
 * --seekora-select-active-bg    — selected option background (default: #eff6ff)
 * --seekora-select-active-color — selected option text color (default: inherit)
 * --seekora-select-radius       — border radius (default: 6px)
 * --seekora-select-font-size    — font size (default: 0.875rem)
 */
import React from "react";
export interface CustomSelectOption {
    value: string;
    label: string;
    disabled?: boolean;
}
export interface CustomSelectTheme {
    trigger?: string;
    menu?: string;
    option?: string;
    optionActive?: string;
    optionDisabled?: string;
}
export interface CustomSelectProps {
    value: string;
    onChange: (value: string) => void;
    options: CustomSelectOption[];
    placeholder?: string;
    className?: string;
    style?: React.CSSProperties;
    theme?: CustomSelectTheme;
    /** aria-label for the trigger button */
    "aria-label"?: string;
    disabled?: boolean;
}
export declare const CustomSelect: React.FC<CustomSelectProps>;
//# sourceMappingURL=CustomSelect.d.ts.map