import { IconProp } from '../icon';
import { SystemProps, TypographyProps } from '../system';
import { ThemingProps } from '../theme';
export type TagInnerProps = {
    /** Alias for textTransform prop. @deprecated */
    casing?: TypographyProps['textTransform'];
    /** Available theme colors for this component. @deprecated */
    colorScheme?: 'blue' | 'green' | 'grey' | 'prussian' | 'red' | 'yellow';
    /** Displays tag and its content in disabled state with appropriate styling. */
    disabled?: boolean;
    /** Icon that replaces any other content. */
    icon?: IconProp | JSX.Element;
    /** Socket displaying icon on the left side. */
    iconLeft?: IconProp | JSX.Element;
    /** Socket displaying icon on the right side. */
    iconRight?: IconProp | JSX.Element;
    /** Makes the button take full width of the container. @deprecated */
    isFullWidth?: boolean;
    /** Makes item clickable and focusable with appropriate styling. The tag will be automatically interactive if the onClick is defined and onDelete is undefined */
    isInteractive?: boolean;
    /** Rounds the borders. @default false */
    isRound?: boolean;
    /** Socket displaying a custom item on the left. */
    itemLeft?: React.ReactNode;
    /** Socket displaying a custom item on right left. */
    itemRight?: React.ReactNode;
    /** If provided, displays a remove button with this function as onClick. */
    onDelete?: (nativeEvent?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
    /** Socket displaying text as alternative to children. */
    text?: React.ReactNode;
    /** Alias for fontWeight prop. @deprecated */
    weight?: TypographyProps['fontWeight'];
};
export type TagProps = SystemProps & ThemingProps<'Tag'> & TagInnerProps;
//# sourceMappingURL=tag.types.d.ts.map