import React from 'react';
import type { OtherHTMLAttributes } from '@instructure/shared-types';
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
import type { NewComponentTypes } from '@instructure/ui-themes';
type MaskOwnProps = {
    children?: React.ReactNode;
    placement?: 'top' | 'center' | 'bottom' | 'stretch';
    fullscreen?: boolean;
    onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;
    /**
     * provides a reference to the underlying html root element
     */
    elementRef?: (element: Element | null) => void;
};
type PropKeys = keyof MaskOwnProps;
type AllowedPropKeys = Readonly<Array<PropKeys>>;
type MaskProps = MaskOwnProps & WithStyleProps<ReturnType<NewComponentTypes['Mask']>, MaskStyle> & OtherHTMLAttributes<MaskOwnProps>;
type MaskStyle = ComponentStyle<'mask'>;
declare const allowedProps: AllowedPropKeys;
export type { MaskProps, MaskStyle };
export { allowedProps };
//# sourceMappingURL=props.d.ts.map