import React from 'react';
import { SurfaceProps } from 'lumir-design-system-shared';
export type SegmentButtonMode = 'single' | 'multi';
export type SegmentButtonSize = 'sm' | 'md' | 'lg';
export type SegmentButtonVariant = 'primary' | 'secondary';
export interface SegmentButtonItem {
    value: string;
    label: string;
    icon?: string;
    disabled?: boolean;
}
export interface SegmentButtonProps extends Omit<SurfaceProps, 'onChange'> {
    mode: SegmentButtonMode;
    selectedValues?: string[];
    defaultSelectedValues?: string[];
    size?: SegmentButtonSize;
    variant?: SegmentButtonVariant;
    onChange?: (values: string[]) => void;
    children: React.ReactNode;
}
export interface SegmentButtonItemProps {
    value: string;
    disabled?: boolean;
    children: React.ReactNode;
}
export declare const SegmentButton: React.FC<SegmentButtonProps> & {
    Item: React.FC<SegmentButtonItemProps>;
};
export default SegmentButton;