import * as React from 'react';

interface ButtonSegmentedItem {
    /**
     * The label text for the button
     */
    label: string;
    /**
     * Optional icon to display before the label
     */
    icon?: React.ReactNode;
    /**
     * Optional value identifier for the button
     */
    value?: string;
}
interface ButtonSegmentedProps {
    /**
     * Array of button items (minimum 2, maximum 4)
     */
    items: ButtonSegmentedItem[];
    /**
     * The index of the currently active button
     * @default 0
     */
    activeIndex?: number;
    /**
     * Callback when a button is clicked
     */
    onChange?: (index: number, item: ButtonSegmentedItem) => void;
    /**
     * Additional CSS class name
     */
    className?: string;
    /**
     * Additional inline styles
     */
    style?: React.CSSProperties;
}
/**
 * ButtonSegmented component - Arbor Design System
 *
 * A segmented button group where one button is always active.
 * Supports 2-4 buttons with optional icons.
 *
 * @example
 * ```tsx
 * <ButtonSegmented
 *   items={[
 *     { label: 'Day' },
 *     { label: 'Week' },
 *     { label: 'Month' },
 *   ]}
 *   activeIndex={0}
 *   onChange={(index, item) => console.log(index, item)}
 * />
 * ```
 */
declare const ButtonSegmented: React.ForwardRefExoticComponent<ButtonSegmentedProps & React.RefAttributes<HTMLDivElement>>;

export { ButtonSegmented, type ButtonSegmentedItem, type ButtonSegmentedProps };