/**
 * @file SegmentedControlItem.tsx
 * @input Uses React, StyleX, SegmentedControlContext
 * @output Exports SegmentedControlItem component and SegmentedControlItemProps type
 * @position Child item; renders as a radio button within the segmented control
 *
 * SYNC: When modified, update:
 * - /packages/core/src/SegmentedControl/SegmentedControl.doc.mjs
 * - /packages/core/src/SegmentedControl/index.ts
 * - /packages/core/src/SegmentedControl/SegmentedControl.test.tsx
 * - /packages/cli/assets/templates/blocks/components/SegmentedControl/ (showcase blocks)
 */
import React, { type ReactNode } from 'react';
import type { BaseProps } from '../BaseProps';
export interface SegmentedControlItemProps extends BaseProps<HTMLButtonElement> {
    ref?: React.Ref<HTMLButtonElement>;
    /**
     * Unique value for this segment. Matched against the parent's value.
     */
    value: string;
    /**
     * Accessible label for this segment (required for accessibility).
     * Used as visible text, or as aria-label when isLabelHidden is true.
     */
    label: string;
    /**
     * Whether the label is visually hidden. When true, only the icon is
     * displayed and the label is used as aria-label for accessibility.
     * @default false
     */
    isLabelHidden?: boolean;
    /**
     * Icon element displayed before the label.
     */
    icon?: ReactNode;
    /**
     * Whether this individual item is disabled.
     * @default false
     */
    isDisabled?: boolean;
}
/**
 * Individual segment item within an SegmentedControl.
 * Renders as a radio button with visual segment styling.
 *
 * @example
 * ```
 * <SegmentedControlItem value="grid" label="Grid" icon={<GridIcon />} />
 * ```
 */
export declare function SegmentedControlItem({ ref, value, label, isLabelHidden, icon, isDisabled, onClick: onClickProp, xstyle, ...rest }: SegmentedControlItemProps): React.JSX.Element;
export declare namespace SegmentedControlItem {
    var displayName: string;
}
//# sourceMappingURL=SegmentedControlItem.d.ts.map