import { StylingProps } from './system';
export declare const truncateProp: ({ truncated }: any) => any;
export declare const visuallyHiddenProp: ({ visuallyHidden }: any) => any;
export declare const backgroundOpacityProp: ({ backgroundOpacity, backgroundColor }: any) => any;
export declare const borderOpacityProp: ({ borderOpacity, borderColor }: any) => any;
export declare type SxProp = StylingProps | {
    [cssSelector: string]: SxProp | undefined;
};
export declare const sxProp: (props: any) => import("@styled-system/css").CSSObject;
export declare type UtilityProps = {
    /** Whether should text should truncate to fill at most one line of text */
    truncated?: boolean;
    /** Additional custom inline CSS to pass to the element */
    sx?: SxProp;
    /** Makes the component invisible to the eye, but still readable by screen readers */
    visuallyHidden?: boolean;
    /** Adds an opacity to the existing `backgroundColor` */
    backgroundOpacity?: string | number;
    /** Adds an opacity to the existing `borderColor` */
    borderOpacity?: string | number;
};