import type * as CSS from 'csstype';
import type { ReactNode } from 'react';
import type { GroupBase, OptionsOrGroups } from 'react-select';
import { type DataTestId, type StylingProps } from '@dynatrace/strato-components/core';
/**
 * @public
 */
export type SelectV2SingleValue<OptionValue> = OptionValue | null;
/**
 * @public
 */
export type SelectV2MultiValue<OptionValue> = OptionValue[];
/**
 * @internal
 */
export type SingleOrMultiValue<OptionValue> = SelectV2MultiValue<OptionValue> | SelectV2SingleValue<OptionValue>;
/**
 * Internal type for the Option data
 *
 * @internal
 */
export interface BaseOption<OptionValue> extends StylingProps, DataTestId {
    label?: ReactNode;
    value: OptionValue;
    isDisabled?: boolean;
    isSelected?: boolean;
    /**
     * Prefix passed to the option
     */
    prefix: {
        component: ReactNode | null;
        componentProps?: StylingProps & DataTestId;
    };
    /**
     * Suffix passed to the option
     */
    suffix: {
        component: ReactNode | null;
        componentProps?: StylingProps & DataTestId;
    };
    textValue?: string;
    'aria-label'?: string;
}
/**
 * Internal type for Group data
 * @internal
 */
export interface BaseGroup<OptionValue> extends StylingProps, DataTestId {
    label?: string;
    options: BaseOption<OptionValue>[];
    labelProps?: StylingProps & DataTestId;
}
/**
 * Internal type combining either Options or groups
 *
 * @internal
 */
export type OptionOrGroup<OptionValue> = OptionsOrGroups<OptionValue, GroupBase<OptionValue>>;
/**
 * @public
 */
export type SelectTriggerWidthOptionsType = 'content' | 'full' | CSS.Property.Width<string & {}>;
/**
 * @public
 */
export type SelectContentWidthOptionsType = 'trigger' | CSS.Property.Width<string & {}>;