import { ComponentPropsWithoutRef } from 'react';
import { DataTrackingId } from '../../types';
import { IconProps } from '../Icon';
/**
 * State object returned by segment interactions
 */
export type SegmentState = {
    /**
     * Whether the segment is checked
     */
    checked: boolean;
    /**
     * The value of the segment
     */
    value?: SegmentedControlSegmentProps["value"];
};
/**
 * Props for the SegmentedControlSegment component
 * @extends ComponentPropsWithoutRef<"label">
 */
export type SegmentedControlSegmentProps = ComponentPropsWithoutRef<"label"> & {
    /**
     * Optional icon to display in the segment
     */
    icon?: IconProps["svg"];
    /**
     * Value of the segment
     */
    value: string;
    /**
     * The content to display in the segment
     */
    children?: React.ReactNode;
} & DataTrackingId;
/**
 * SegmentedControlSegment component for individual segments within a segmented control.
 *
 * Features:
 * - Individual segment with radio input
 * - Optional icon support
 * - Animated selection indicator
 * - Accessibility support with proper ARIA attributes
 * - Context integration with parent SegmentedControl
 * - Motion animations with reduced motion support
 * - Icon-only mode when no children provided
 * - Data tracking id support
 *
 * @example
 * <SegmentedControl.Segment value="option1" icon={Icon1}>
 *   Option 1
 * </SegmentedControl.Segment>
 *
 * @example
 * <SegmentedControl.Segment value="icon-only" icon={IconOnly} />
 */
export declare const SegmentedControlSegment: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
    /**
     * Optional icon to display in the segment
     */
    icon?: IconProps["svg"];
    /**
     * Value of the segment
     */
    value: string;
    /**
     * The content to display in the segment
     */
    children?: React.ReactNode;
} & DataTrackingId & import('react').RefAttributes<HTMLLabelElement>>;