import { UIComponentProps, ContentComponentProps, ChildrenComponentProps, ColorComponentProps } from '../../utils';
import { Accessibility } from '@fluentui/accessibility';
import { ShorthandValue, FluentComponentStaticProps } from '../../types';
import { BoxProps } from '../Box/Box';
import { ComponentWithAs } from '@fluentui/react-bindings';
export interface SegmentProps extends UIComponentProps<SegmentProps>, ChildrenComponentProps, ColorComponentProps, ContentComponentProps<ShorthandValue<BoxProps>> {
    /**
     * Accessibility behavior if overridden by the user.
     */
    accessibility?: Accessibility<never>;
    /** An segment can show it is currently unable to be interacted with. */
    disabled?: boolean;
    /** A segment can have its colors inverted for contrast. */
    inverted?: boolean;
}
export declare type SegmentStylesProps = Required<Pick<SegmentProps, 'color' | 'inverted' | 'disabled'>>;
export declare const segmentClassName = "ui-segment";
/**
 * A Segment visually groups related content.
 */
export declare const Segment: ComponentWithAs<'div', SegmentProps> & FluentComponentStaticProps<SegmentProps>;