import type { ComponentRef, FC, Ref } from 'react';
import { type VariantProps } from 'class-variance-authority';
import { Separator, type SeparatorProps } from '../Separator';
declare const segmentedControlSeparatorVariants: (props?: ({
    mx?: 1 | 2 | 4 | 6 | 8 | 16 | 44 | 80 | 12 | 20 | 32 | 40 | 24 | 56 | 48 | 28 | 36 | 64 | 96 | 112 | 128 | 144 | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
type SegmentedControlSeparatorVariants = VariantProps<typeof segmentedControlSeparatorVariants>;
/**
 * Visual separator component for SegmentedControl.
 *
 * Used to create visual separation between groups of items,
 * typically before a "More" button or to group related items.
 */
interface SegmentedControlSeparatorBaseProps extends SeparatorProps {
    className?: string;
    ref?: Ref<ComponentRef<typeof Separator>>;
}
export type SegmentedControlSeparatorProps = SegmentedControlSeparatorBaseProps & SegmentedControlSeparatorVariants;
export declare const SegmentedControlSeparator: FC<SegmentedControlSeparatorProps>;
export {};