import { default as Color } from 'color';
import { AllowedValue } from '@zeniai/client-epic-state';
import { TextStyle } from '../../../../designSystem/zeniConstants';
export interface Value {
    options: {
        bgColor: Color;
        borderColor: Color;
        color: Color;
        selectedLabel?: string;
        topBorder?: boolean;
    };
    value: AllowedValue;
}
export interface PickerStyles {
    backgroundColor: string;
    optionBackgroundColor: string;
    optionTextStyle: TextStyle;
    selectedOptionBackgroundColor: string;
    selectedOptionColor: string;
    titleTextAlignment: "flex-start" | "flex-end" | "center";
    titleTextStyle: TextStyle;
}
export interface Props {
    allowedValues: Value[];
    customization?: {
        placeholderLabel?: string;
    };
    pickerStyles?: Partial<PickerStyles>;
    selectedValue?: Value;
    onSelectedValueChanged: (value?: Value) => void;
}
export default function SingleValuePicker({ allowedValues, pickerStyles: { optionBackgroundColor, backgroundColor, selectedOptionBackgroundColor, optionTextStyle, titleTextAlignment, selectedOptionColor, titleTextStyle, }, onSelectedValueChanged, selectedValue, customization: { placeholderLabel }, }: Props): import("react/jsx-runtime").JSX.Element;