/**
 * Author: Christina Yang
 */
import React, { ComponentProps } from 'react';
import * as SelectPrimitive from '@radix-ui/react-select';
import Trigger from './components/Trigger';
export interface SelectItem {
    type: 'item';
    label: string;
    value: string;
    colorNum?: number;
}
export interface SelectButton {
    type: 'button';
    label: string;
    handleClick: () => void;
}
export interface SelectGroup {
    type: 'group';
    label: string;
    items: (SelectItem | SelectButton)[];
}
export type ContentUnit = SelectGroup | SelectItem | SelectButton;
type SelectProps = {
    placeholder?: string;
    data: ContentUnit[] | string[];
    error?: boolean;
    allowSelectNone?: boolean;
    noneValue?: string;
    contentClassName?: string;
} & {
    onChange: (value: string) => void;
} & Omit<ComponentProps<typeof SelectPrimitive.Root>, 'onChange'> & Omit<ComponentProps<typeof Trigger>, 'onChange'>;
/**
 * should i nest a form in here?
 * @returns
 */
export declare const Select: React.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React.RefAttributes<never>>;
export {};