import { type JSX } from 'react';
import * as React from 'react';
import { type SegmentedControlItemProps, type SegmentedControlProps, type SegmentedControlTabContentProps, type SegmentedControlTabListProps, type SegmentedControlType } from './SegmentedControl.types';
/**
 * `SegmentedControlTabList` is the component that wraps `SegmentedControlItem`.
 * It can be used only when `SegmentedControl` component is used as the `tabs` type.
 *
 * It must be used as a child of `SegmentedControl`.
 */
export declare const SegmentedControlTabList: (props: SegmentedControlTabListProps & {
    ref?: React.ForwardedRef<HTMLDivElement>;
}) => JSX.Element;
/**
 * `SegmentedControlTabContent` is the component that wraps the content that corresponds to a specific value of `SegmentedControlItem`.
 * It can be used only when `SegmentedControl` component is used as the `tabs` type.
 *
 * It must be used as a child of `SegmentedControl`.
 */
export declare const SegmentedControlTabContent: <Value extends string>(props: SegmentedControlTabContentProps<Value> & {
    ref?: React.ForwardedRef<HTMLDivElement>;
}) => JSX.Element;
/**
 * `SegmentedControl` is component that looks like a combination of a radio and a button.
 * They can be used in place of tabs and as input elements in modals.
 * If you have more than five items, use a different element, such as a dropdown.
 *
 * `SegmentedControl` can be used as a radio group, tabs element depending on its `type`.
 * @example
 *
 * ```tsx
 * // Anatomy of the SegmentedControl type="radiogroup"
 * <SegmentedControl type="radiogroup">
 *  <SegmentedControlItem />
 * </SegmentedControl>
 *
 * // Anatomy of the SegmentedControl type="tabs"
 * <SegmentedControl type="tabs">
 *  <SegmentedControlTabList>
 *   <SegmentedControlItem />
 *  </SegmentedControlTabList>
 *
 *  <SegmentedControlTabContent />
 * </SegmentedControl>
 * ```
 */
export declare const SegmentedControl: <Type extends SegmentedControlType, Value extends string>(props: SegmentedControlProps<Type, Value> & {
    ref?: React.ForwardedRef<HTMLDivElement>;
}) => JSX.Element;
/**
 * `SegmentedControlItem` component is each item in `SegmentedControl`.
 *
 * If the type of `SegmentedControl` is `radiogroup`, this component acts as a radio item.
 * In this case, it must be used as a child of `SegmentedControl`.
 *
 * If the type of `SegmentedControl` is `tabs`, this component acts as a tab item.
 * In this case, it must be used as a child of `SegmentedControlTabList`.
 */
export declare const SegmentedControlItem: <Value extends string>(props: SegmentedControlItemProps<Value> & {
    ref?: React.ForwardedRef<HTMLButtonElement>;
}) => JSX.Element;
//# sourceMappingURL=SegmentedControl.d.ts.map