import { Color } from '@ionic/core';
import { ComponentState } from '../../types';
/**
 * Option for segment control.
 */
export interface SegmentOption {
    /** Unique value for the option */
    value: string;
    /** Display label */
    label?: string;
    /** Icon name (Ionicons) */
    icon?: string;
    /** Whether the option is disabled */
    disabled?: boolean;
    /** Layout direction for icon and label */
    layout?: 'icon-start' | 'icon-end' | 'icon-top' | 'icon-bottom';
    /** Reactive content key for label */
    contentKey?: string;
    /** Component class name for content lookup */
    contentClass?: string;
    /** Fallback text if contentKey is not found */
    contentFallback?: string;
}
/**
 * Metadata for the segment control component.
 */
export interface SegmentControlMetadata {
    /** Available options */
    options: SegmentOption[];
    /** Currently selected value */
    value?: string;
    /** Segment color */
    color?: Color;
    /** Component state */
    state?: ComponentState;
    /** Enable/disable entire segment */
    disabled?: boolean;
    /** Scroll segments horizontally */
    scrollable?: boolean;
    /** Swipe to change segments (iOS only) */
    swipeGesture?: boolean;
    /** Mode style */
    mode?: 'ios' | 'md';
    /** Unique token identifier */
    token?: string;
}