import { Accessibility } from '@fluentui/accessibility'; import { ComponentWithAs } from '@fluentui/react-bindings'; import { UIComponentProps, ChildrenComponentProps, ContentComponentProps, ColorComponentProps } from '../../utils'; import { ImageProps } from '../Image/Image'; import { BoxProps } from '../Box/Box'; import { ShorthandValue, FluentComponentStaticProps } from '../../types'; export interface LabelProps extends UIComponentProps, ChildrenComponentProps, ContentComponentProps>, ColorComponentProps { /** * Accessibility behavior if overridden by the user. */ accessibility?: Accessibility; /** A Label can be circular. */ circular?: boolean; /** A Label can take up the width of its container. */ fluid?: boolean; /** A Label can have an icon. */ icon?: ShorthandValue; /** A Label can position its Icon at the start or end of the layout. */ iconPosition?: 'start' | 'end'; /** A Label can contain an image. */ image?: ShorthandValue; /** A Label can position its image at the start or end of the layout. */ imagePosition?: 'start' | 'end'; } export declare type LabelStylesProps = Pick & { hasImage: boolean; hasIcon: boolean; hasActionableIcon: boolean; }; export declare const labelClassName = "ui-label"; /** * A Label allows user to classify content. */ export declare const Label: ComponentWithAs<'span', LabelProps> & FluentComponentStaticProps;