import React, { HTMLAttributes } from 'react';
import { FieldProps } from '../Field/types';
import { ColorProp } from '../../types/color';
export declare type SegmentItemProp = {
    label: string;
    icon?: React.ReactNode;
};
export interface SegmentedControlProps extends Pick<HTMLAttributes<any>, 'className' | 'style'>, Pick<FieldProps, 'disabled' | 'margin' | 'size' | 'rounded'> {
    segments: Array<SegmentItemProp>;
    selectedIndex?: number;
    onChange?: (index: number) => void;
    color?: ColorProp;
    bgColor?: ColorProp;
}